ul {margin:0; padding:0; list-style:none; line-height:16px}
 li {background:url(../images/pointer.gif) center left no-repeat;padding:0 0 0 6px } 

a{
text-decoration:none;
color:#3399CC;
}
a:hover{
text-decoration:underline;
color:#3399CC;
}
a:visited{
color:#3399CC;
}
body{
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	
	background-repeat: repeat-x;
	}
	

	
form{
	margin:0px;
  	padding:0px;
	}

.trans_mf {
    position:absolute;
	width:300px;
	margin:3px 3px 3px 3px;
	left:235px;
	z-index:991;
	visibility:hidden;
	top: 1000px;
	
	
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
   
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images4/shadow-strip_2.png');
}



.trans_shadow1 {
    margin: 5px;
	position: relative;
	border: 1px solid #006699;
	height: 75px;
	

	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images4/trans-white_strip-75_2.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.trans_shadow1[class] {
  background-image:url(../images4/trans-white_strip-75_2.png);
}

/* IE ignores styles with [attributes], so it will skip the following. */
.trans_mf[class] {
  background-image:url(../images4/shadow-strip_2.png);
}
.title_bg {
	/* background-image: url(../images/tall_m.gif); */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	border: 1px solid #CCCCCC;
	
}

/*we are now going to style how the textfield will look when we

hover over it and when we actually have it selected*/

 

.textfield_effect:hover {
	
	border-color: #64acd8;
	
	border-width: 1px;
	
}

.textfield_effect:focus {
	
	border-color: #64acd8;
	
	border-width: 1px;
	
}
#topBarGrey {
	height:30px;
	background-color:#ECECEC;
	border-bottom:solid 1px #CCC;
	font-family:Helvetica, Arial, sans-serif;
	color:Black;
	line-height: 24px;
	font-size: 12px;
	position: relative;
	background-image: url(../backgrounds/bg_ltgrey_1x35.png);
	background-repeat: repeat-x;
}
#logoTop {
	position: absolute;
	top: 5px;
	left: 25px;
	color: #666666;
	text-align: left;
	margin-right: 0px;
	margin-left: 0px;
	width: 200px;
}

#beginPic {

	background: url(../icons_main/pagination-arrows-first.gif) no-repeat 0px 2px;
	height: 15px; 
	width: 15px;
}

#beginPic:hover {

	background: url(../icons_main/pagination-arrows-first.gif) no-repeat 0px -13px; 
	cursor:pointer;
}

#prevPic {

	background: url(../icons_main/pagination-arrows-prev.gif) no-repeat 0px 2px;
	height: 15px; 
	width: 15px;
}

#prevPic:hover {

	background: url(../icons_main/pagination-arrows-prev.gif) no-repeat 0px -13px; 
	cursor:pointer;
}

#nextPic {

	background: url(../icons_main/pagination-arrows-next.gif) no-repeat 0px 2px;
	height: 15px; 
	width: 15px;
}

#nextPic:hover {

	background: url(../icons_main/pagination-arrows-next.gif) no-repeat 0px -13px; 
	cursor:pointer;
}

#selectNum {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	
	height: 15px;
	width:40px;
	border:#999999 1px solid;
}

#endNum { 
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}




#topMenu {
	margin-left: 300px;
	margin-top: 0px;
	position: relative;
}
#midLeftMenu {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D6D6D6;
	border-left-color:#ECECEC;
	position: relative;
	
	background-color: #f7f7f7;
	margin: 0px;
}

.overPicItim {
	float:left; 
	width:140px; 
	border:1px #99FF33 solid; 
	border-style:dashed;
	margin:5px;
	height:110px;

}

.outPicItim {
	float:left; 
	width:140px;
	height:110px; 
	border:1px #E8E8E8 solid; 
	margin:5px;

}
.midLeftM{
  width: 184px;
  /*border: solid 1px #FFCC00;*/
}

/* IE ignores styles with [attributes], so it will skip the following. */
.midLeftM[class] {
  width: 183px;
   /*border: solid 1px #009933;*/
}


.midLeftMBar{
  width: 202px;
  overflow:hidden;
  /*border: solid 1px #FFCC00;*/
}

/* IE ignores styles with [attributes], so it will skip the following. */
.midLeftMBar[class] {
	width: 200px;
	overflow:hidden;
   /*border: solid 1px #009933;*/
}

#myAvatar {
	margin-top: 0px;
}
#menu_stuff {
	margin-right: 10px;
	margin-left: 10px;
	position: relative;
}
.bottomLeftMenu {
	height:4px;
	width:185px;
	line-height:1px; 
	background-image:url(../images/leftmenubottom.png) ; 
	background-position: 0px 0px;
	background-repeat:no-repeat; 
	font-size:1px;
}
.topLeftMenu {
	height:4px;
	width:185px;
	line-height:1px; 
	background-image:url(../images/leftmenutop.png); 
	background-repeat:no-repeat; 
	font-size:1px;
}
#leftSideMenu {
	position: relative;
	width: 183px;
	margin-top: 45px;
	margin-left: 25px;
}
#rightSideMenu {
	position: relative;
	width: 200px;
	margin-top: 15px;
	margin-left: 8px;
	margin-right: 25px;
}
#logoTop2 {
	position: relative;
	z-index: 15;
}
.boldTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	font-weight: bold;
}

.boldTitle a {
	font-size: 11px;
	color: #006699;
	font-weight: bold;
	
}
.boldTitle a {
	font-size: 11px;
	color: #006699;
	font-weight: bold;
	
}
.boldTitleMini{
	font-family: Arial, Helvetica, sans-serif;	
	margin-left: 3px;
	
}

.boldTitleMini a {
	font-family: Arial, Helvetica, sans-serif;	
	color: #333333;
	font-weight: bold;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	
}

.boldTitleMini a:hover {
 	 background:#CCCCCC;
}

.menuLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #006699;
	margin-bottom: 5px;
}

.menuLink a {
	font-size: 11px;
	color: #006699;
		
}

.titleBottomMain {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	margin-bottom: 10px;

}
.titleBottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	margin-bottom: 10px;
	background-image:url(../images/ui/toolbar_top_bg.gif);
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	margin-left: 25px;
	margin-bottom:5px;
}

.footer a {
	text-decoration:none;
	color:#999999;
}

.footer a:hover{
	text-decoration: underline;
	color:#006699;
}

.footer a:visited{
	
	color:#999999;
}

.footer a:visited:hover{
	text-decoration: underline;
	color:#006699;
}

.verticalgridline {
    padding-top: 27px;
  }
  .box, .handle {
    font-size: 14px;
    font-family: Arial, sans-serif;
    /**border: 1px solid #aaa;**/
  }
  .box {
    float: left;
    padding: 0px;
    width: 123px;
    height: 123px;
    margin: 5px;
    /**background-color: #eee;**/
    
  }
  .handle {
    cursor: move;
    height: 14px;
    border-width: 0px 0px 1px 0px;
    background: #666;
    color: #eee;
    padding: 2px 6px;
    margin: 0px;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
		opacity: 0;



  }
  
  .transparent_class {
		filter:alpha(opacity=10);
		-moz-opacity:0.1;
		-khtml-opacity: 0.1;
		opacity: 0.1;
	}
  
  .box p {
    font-size: 12px;
    margin: 5px 5px 10px 5px;
    text-align: left;
    white-space: normal;
  }
  #boxDrag, #boxVerticalOnly, #boxHorizontalOnly, #boxRegionConstraint, 
  #boxThreshold, #boxAbsolute {
    cursor: move;
  }
  #boxAbsolute {
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
.itim_bar {
    margin-top:5px; 
	margin-bottom:5px; 
	border:#CCCCCC 1px solid;
	margin-right:0px;
	color:#9BB7B6;
	background:#FFFFFF;
	
}

.itim_bar a{
text-decoration:none;
color:#9BB7B6;
}
.itim_bar a:hover{
text-decoration:underline;
color:#3399CC;
}

.itim_bar:hover {
    margin-top:5px; 
	margin-bottom:5px; 
	border: #0099CC 1px solid;
	margin-right:0px;
	
}

.itim_bar_open {
    margin-top:5px; 
	margin-bottom:5px; 
	border: #0099CC 1px solid;
	margin-right:0px;
	background:#FFFFFF;
}

.itim_bar_open:hover {
    margin-top:5px; 
	margin-bottom:5px; 
	border: #0099CC 1px solid;
	margin-right:0px;
}
 
 .showMoveCursor{ cursor:move;
  background-color: #fff; 
 }
 
 
 .hideMoveCursor{ cursor: auto;
 
 }
 
 .openWinShadow {
	position:absolute;
	left:546px;
	/**background-color:#EEEEEE; **/
	background-color: #333333;
	visibility:hidden;
	z-index:30;
	top: 17px;
}

.openWinInner{
	line-height:24px; 
	position:relative;
	margin:3px;
	border: 3px solid #006699;
	background-color:#FFFFFF;
	/*background-image:url(images4/login_bg.gif); 
	background-repeat:repeat-x;
	*/
}
.closeAlert {
	background-image: url(../images/closebut.png);
	background-repeat: no-repeat;
	height:31px;
	width:95px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	cursor: pointer;
	padding-top:7px;
}

.replyAlert {
	background-image: url(../images/reply_but.png);
	cursor: pointer;
	background-repeat: no-repeat;
	height:31px;
	width:95px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	padding-top:7px;
}


/* settings for itim classes here */

.settingMenu {
	background-color:#eaeaea;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-size:14px;
	height:400px;

}

.settingChange {
	background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	border-top: 1px solid #999999;
	font-size:14px;
	border-bottom: 1px solid #999999;
	
	height:400px;

}


.settingMenuTitle {
	margin-left: 40px;
	/* margin-top: 20px; */
	/* margin-bottom: 20px; */

}
.settingSelected {
	background-color:#ffffff;
	/* border-top: 1px solid #999999; */
	/* border-bottom: 1px solid #999999; */
	color: #99CC33;
	/* cursor:pointer; */
	padding-top:20px;
	padding-bottom:20px;

}

.settingSelectedOver {
	background-color:#ffffff;
	border-right: 1px solid #999999; 
	border-bottom: 1px solid #999999; 
	color: #99CC33;
	cursor:pointer;
	padding-top:20px;
	padding-bottom:20px;
	border-top: 1px solid #999999;

}


.settingUnselected {
	background-color:#eaeaea;
	/* border-top: 1px solid #999999; */
	/* border-bottom: 1px solid #999999; */
	/* border-right: 1px solid #999999; */
	
	color: #3399ff;
	padding-top:20px;
	cursor:pointer;
	padding-bottom:20px;
}


.topFindSection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 30px;
	color: #666666;
	height: 50px;
}
.tabSelected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
}

.tabUnSelected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	/*border: #999999 solid 1px; */
	border: #cccccc solid 1px;
	background-color: #E9E9E9;
	border-left-width: 0px;
	border-bottom: #999999 solid 1px;
}


.tabUnSelected:hover {
	background-color: #FFFFFF;
	border: #999999 solid 1px;
	cursor:pointer;
}

.edgeForSelectedRight {
	border-bottom: #999999 solid 1px;
	
}
.edgeForSelectedLeft {
	border-bottom: #999999 solid 1px;
	border-right: #999999 solid 1px;
}


.curvedBox {

	border:1px solid #CCCCCC;
	border-bottom:  #999999 solid 1px;
	border-left: #999999 solid 1px;
	
	min-width:25px;
	min-height:25px;
	
	box-shadow: 0px 5px 5px 5px #333333;
	-webkit-box-shadow: 0px 3px 3px 3px #333333;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/*-moz-border-radius-topright: 0px;
	-webkit-border-radius-topright: 0px; */
		
	

}

.clickItimButton {
	border:1px solid #CCCCCC;
	
	/**border-bottom:  #999999 solid 1px;
	border-left: #999999 solid 1px; */
	background-color:#92d841;
	background-image:url(../con_scripts/iphone_sms_overlay2.png);
	background-position: 0px -3px;
	box-shadow: 0px 5px 5px 5px #333333;
	-webkit-box-shadow: 0px 3px 3px 3px #333333;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	cursor:pointer;
	text-align:center;
	height:20px;
	padding-top:3px;
	font-weight:bold;
	font-size:11px;
	
}

.startItimButton {
	border:1px solid #CCCCCC;
	
	/**border-bottom:  #999999 solid 1px;
	border-left: #999999 solid 1px; */
	background-color: #FFCC00;
	background-image:url(../con_scripts/iphone_sms_overlay2.png);
	background-position: 0px -3px;
	box-shadow: 0px 5px 5px 5px #333333;
	-webkit-box-shadow: 0px 3px 3px 3px #333333;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	cursor:pointer;
	text-align:center;
	height:20px;
	padding-top:3px;
	font-weight:bold;
	font-size:11px;
	
}


.acceptItimButton {
	border:2px solid #000000;
	
	/**border-bottom:  #999999 solid 1px;
	border-left: #999999 solid 1px; */
	background-color: #3366CC;
	background-image:url(../con_scripts/iphone_sms_overlay2.png);
	background-position: 0px -3px;
	/*box-shadow: 0px 5px 5px 5px #333333;
	-webkit-box-shadow: 0px 3px 3px 3px #333333; */
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	text-align:center;
	height:20px;
	width:90px;
	padding-top:3px;
	font-weight:normal;
	font-size:11px;
	
}


.ignoreItimButton {
	border:2px solid #999999;
	width:90px;
	/**border-bottom:  #999999 solid 1px;
	border-left: #999999 solid 1px; */
	background-color: #CCCCCC;
	background-image:url(../con_scripts/iphone_sms_overlay2.png);
	background-position: 0px -3px;
	/* box-shadow: 0px 5px 5px 5px #333333;
	-webkit-box-shadow: 0px 3px 3px 3px #333333; */
	color: #000000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	text-align:center;
	height:20px;
	padding-top:3px;
	font-weight:normail;
	font-size:11px;
	
}


.sentItimButton {
	border:1px solid #999999;
	
	/**border-bottom:  #999999 solid 1px;
	border-left: #999999 solid 1px; */
	background-color: #cccccc;
	box-shadow: 0px 5px 5px 5px #333333;
	-webkit-box-shadow: 0px 3px 3px 3px #333333;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	cursor:pointer;
	text-align:center;
	height:20px;
	padding-top:3px;
	font-weight:bold;
	font-size:11px;
	
}

.nicknameSearch {
	font-size: 16px;
	font-weight: bold;
}

.boxButton {
	border:#cccccc solid 1px;
	padding-bottom:2px;
}


.clickItimButtonOver {
	text-align:center;
	height:20px;
	padding-top:3px;
	border:1px solid #CCCCCC;
	border-bottom:  #999999 solid 1px;
	border-left: #999999 solid 1px;
	background-color:#92d841;
	background-image:url(../con_scripts/iphone_sms_overlay2.png);
	box-shadow: 0px 5px 5px 5px #333333;
	-webkit-box-shadow: 0px 3px 3px 3px #333333;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	cursor:pointer;
}

.itimUserResults { 
	border-bottom:#cccccc 1px dashed;

}

div.main_bottombar
{
	width:100%;
	height:26px;
	position:fixed;
	bottom:0px;
	z-index:100; 
	background-color: #DDE9F7;
	background-image: url(images/banner/repeater.jpg);
	background-repeat: repeat-x;
	/*
	border-top: solid 1px #96B6E7;
	border-Bottom: solid 2px #96B6E7;
	*/
}

/* this puts the stuff at the buttom of the page always **/
#bottombanner {
  width: 100%;
  position: fixed;
  left: 0px;
	bottom: 0px;
	margin: 0px;
	/* background: url(images/banner/repeater.jpg) repeat-x 0 0; */
}

.topLoginBarClass { visibility:hidden; }

.homePageTitleRegular {
text-align:left; 
font-size:20px; 
line-height:24px; 
color: #000; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
margin-bottom:10px; 
border-bottom:#FF6600 1px dotted; 
padding-bottom:10px;

}