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;
}

.textSelected{
text-decoration:none;
color:#3399CC;
cursor:pointer;	
	
}
.itimtips{ 
	visibility:hidden; z-index:100;	
	color:#333;
	text-shadow: 0 1px 0 white;
	position:relative; margin:50px; margin-top:100px;  visibility:visible; 
}

.itimtips2{visibility:hidden; z-index:100;position:relative; margin:50px; margin-top:100px;   }

.textUnselected{
text-decoration:none;
font-weight:normal;
cursor:pointer;
	
	
}
.textUnselected:hover{
text-decoration: underline;
font-weight:bold;
color:#3399CC;
cursor:pointer;
	
	
}

.posFavStar{ float:left; margin-left:10px;}
.posFavText{ float:left; margin-left:30px;
font-family:Verdana, Geneva, sans-serif; margin-top:5px;}
.addtofav{cursor:pointer};
.indentInstructions
{
	
font-family:Verdana, Geneva, sans-serif; line-height:24px; margin-bottom:10px; font-size:16px; margin-left:25px;
}
a:hover{
text-decoration:underline;
color:#3399CC;
}
a:visited{
color:#3399CC;
}
html{
	height: 100%;	
	
}
body{
	margin:0px; 
	height:100%;
	 
	padding:0px;
	background-color:#FFFFFF;
	
	background-repeat: repeat-x;
	
	
}
img.bg4{
       

        /* Set up positioning */
       font-size:130%;font-weight:bold;text-align:center;position:fixed;left:0;top:0;width:100%;height:100px;z-index:100;color:#735005;
}


img.bg {
        /* Set rules to fill background */
        min-height: 50%;
        min-width: 1024px; z-index:0;
        /* Set up proportionate scaling */
        width: 100%;
        height: 100%;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
}
img.bg2 {
        /* Set rules to fill background */
        min-height: 50%;
        min-width: 1024px; z-index:0;
        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
}

img.source-image {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
		z-index:1;
}
.rotate90 {
	/* for firefox, safari, chrome, etc. */
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	/* for ie */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);	
	
	
}
.rotate180 {
	/* for firefox, safari, chrome, etc. */
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	/* for ie */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);	
	
	
}

.rotate270 {
	/* for firefox, safari, chrome, etc. */
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	/* for ie */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	
	
	
}


.itim_avatar{
	
	border:#666666 solid 1px;
	
	/*
	z-index:-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
	
	
	*/
}


.itim_avatar_main
{
	
	border:#666666 solid 1px; 
	
	margin-left:7px;
	margin-top:5px;
	
	
	
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
	width:140px; height:160px;
	
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
	/*
	background-repeat:repeat;
	background-size: 140px 180px; 
	
	-webkit-box-shadow: 0px 1px 0px  #fff; 
	-moz-box-shadow: 0px 1px 0px #fff;
	box-shadow: 0px 1px 0px #fff;
	*/
	
}




	
#newmesField textarea { resize:vertical; max-height:200px; min-height:65px; }

#commentsField textarea { resize:vertical; max-height:400px; min-height:100px; }
	
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;
	
}

.contact_label{
	font-size:12px;
	
}
.contact_input_field{
	
	font-size:12px;
	width:140px; font-size:14px; line-height:18px;
	
}

.contact_div{
	margin-bottom:5px;
	
}

.save_div{
	margin-bottom:5px;
	
	width:180px; border:#F00 solid 1px; font-size:24px; cursor:pointer; background-color: #6C3; background-image:url(../con_scripts/iphone_sms_overlay4.png); text-align:center; color:#FFF;
}

.delete_div{
	margin-bottom:5px;
	width:180px; border:#F00 solid 1px; font-size:24px; cursor:pointer; background-color:#F00; background-image:url(../con_scripts/iphone_sms_overlay4.png); text-align:center; color:#FFF;
}

.addcontactbutton{
	/*
	background-color: #0C3; background-image:url(../con_scripts/iphone_sms_overlay4.png); text-align:center; color:#FFF;
	*/
	width:14px; height:14px;
	text-align:center; font-size:14px; cursor:pointer; margin-right:3px;	
	
}

.clickphoto{
 margin-left:50px;	
	
}

.topBarTitle {
	 position:relative; font-weight:bold;
	 line-height:16px; margin-left:7px;
font-size:14px;	 margin-top:-1px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
}

.topBarTitleSm {
	 
	 	 position:relative;
	  margin-left:7px;
	font-size:10px; font-style:italic; line-height:12px; margin-top:-1px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.googleAd{
	width:300px;
	height:250px; 
	transition:height 1s;
	
	-moz-transition:height 1s; /* Firefox 4 */
	-webkit-transition:height 1s; /* Safari and Chrome */
	-o-transition:height 1s; /* Opera */
	
	
}

.login_bg{
	width:350px; 
	height:250px; 
	transition:all 0.4s ease;
	
	-moz-transition:all 0.4s ease; /* Firefox 4 */
	-webkit-transition:all 0.4s ease; /* Safari and Chrome */
	-o-transition:all 0.4s ease; /* Opera */
	
	
	
	
	
	
	margin-top:20px; border:#000 1px solid; 
	background-color: #333;
	position:relative;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
    -moz-box-shadow: 0 1px 0 0 #e4e4e4 inset, 0 28px 20px -18px #fcfcfc inset, 0 1px 0 0 #f3f3f4;
    -webkit-box-shadow: 0 1px 0 0 #e4e4e4 inset, 0 28px 20px -18px #fcfcfc inset, 0 1px 0 0 #f3f3f4;
    /*background: url(images/gradient.png) repeat-x scroll 0 -60px #ddd;*/
    border: 1px solid #656565;
    color: #525252;
    font-weight: bold;
    line-height: 14px;
    padding: 0px 0px 0px;
    text-shadow: 0 1px 0 white;
	
	filter:alpha(opacity=70);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;


}
.login_tab {
	
	transition:all 0.4s ease;
	
	-moz-transition:all 0.4s ease; /* Firefox 4 */
	-webkit-transition:all 0.4s ease; /* Safari and Chrome */
	-o-transition:all 0.4s ease; /* Opera */
	
	
	float:left;
	width:330px;
	margin-left:50px;
	margin-right:5px;	
}

.reg_tab {
	
	transition:all 0.4s ease;
	
	-moz-transition:all 0.4s ease; /* Firefox 4 */
	-webkit-transition:all 0.4s ease; /* Safari and Chrome */
	-o-transition:all 0.4s ease; /* Opera */
	
	
	float:left;
	width:420px;
	margin-left:40px;
	margin-right:5px;	
}


.backBut {
	border:1px solid #999;
	padding:10px;
	width:135px;
	cursor:pointer;	
	font-size:14px;
	font-weight: normal;
	
	background-color: transparent;
	background-image:url(../con_scripts/iphone_sms_overlay4.png);
	background-repeat:repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	margin-top:10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
	
	text-shadow: 0 -1px 0 black;
	color: #FFF;
	margin-bottom:10px;
}
.registerBut {
	border:1px solid #999;
	padding:10px;
	width:135px;
	cursor:pointer;	
	font-size:14px;
	font-weight: normal;
	
	background-color: #FF8600;
	background-image:url(../con_scripts/iphone_sms_overlay4.png);
	background-repeat:repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	margin-top:10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
	
	text-shadow: 0 -1px 0 black;
	color: #FFF;
	margin-bottom:10px;
}

.signinBut {
	
	color: #FFF;
	background-color:#3C0;
	background-image:url(../con_scripts/iphone_sms_overlay4.png);
	background-repeat:repeat-x;
	border:1px solid #999;
	padding:10px;
	width:135px;
	cursor:pointer;	
	font-size:16px;
	text-shadow: 0 -1px 0 black;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top:10px;
	
	margin-bottom:10px;
}


.signupBut {
	
	color: #FFF;
	background-color:#3C0;
	background-image:url(../con_scripts/iphone_sms_overlay4.png);
	background-repeat:repeat-x;
	border:1px solid #999;
	padding:10px;
	width:135px;
	cursor:pointer;	
	font-size:16px;
	text-shadow: 0 -1px 0 black;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top:10px;
	margin-right:15px;
	margin-bottom:10px;
}

.fieldTitle {
	font-size:14px;
	margin-left:5px;
	color:#FFF;
	font-weight: bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 	
	
}

.textFieldItim {
	
	
	border:1px solid #999;
	padding:5px;
	width:220px;
	font-size:16px;
	font-weight: normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
	margin:5px;
}



.textFieldItimError {
	
	
	border:3px solid #F00;
	padding:5px;
	width:220px;
	font-size:16px;
	font-weight: normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
	margin:5px;
}

.exampleText {
 font-size:10px; color:#FFF; margin-left:8px; visibility:hidden;
	
}


.errorText {	
	font-size:12px;
	color: #f00;
	/*font-style: italic;*/
}

.darkgray {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	border-radius: 2px;
    -moz-box-shadow: 0 1px 0 0 #e4e4e4 inset, 0 28px 20px -18px #fcfcfc inset, 0 1px 0 0 #f3f3f4;
    -webkit-box-shadow: 0 1px 0 0 #e4e4e4 inset, 0 28px 20px -18px #fcfcfc inset, 0 1px 0 0 #f3f3f4;
    /* background: url(images/gradient.png) repeat-x scroll 0 -60px #ddd; */
	background-color: #ddd;
    border: 1px solid #656565;
    color: #525252;
    font-weight: bold;
    line-height: 14px;
    padding: 0px 0px 0px;
    text-shadow: 0 1px 0 white;
  }
  
.con_status {
	padding:3px;
	background-color:#FC6;
	border:#F90 solid 1px;
	color:#666;
	font-size:12px;	
	text-align:center;
}

.con_status_saving {
	padding:3px;
	background-color:#Fff;
	border:#F90 solid 1px;
	color:#666;
	font-size:12px;	
	text-align:center;
}
.itimConvoHolder{
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #656565;
	/*background: url(images/gradient.png) repeat-x scroll 0 -60px #ddd;*/
	/* background: url(images/gradient.png) repeat-x scroll 0 -60px #b8eeea; */
	background-color:#b8eeea;
	
	position:absolute;
	left:546px;
	/**background-color:#EEEEEE; **/
	-webkit-box-shadow: 5px 2px 5px black; 
	-moz-box-shadow: 5px 2px 5px black;
	/*height:480px;*/
	
	z-index:30;
	top: 350px;
	padding:2px;
  
}

.convoMessageSend {
	
	
	overflow:hidden;
		
	border: #333 solid 1px; margin:5px; 
	
	background-color: #fff;
	margin-top:-1px;
}

.addNewBGBut{
	
	border: #333 solid 1px; margin:5px;
	font-size:18px;
	padding:10px;
	cursor:pointer;
	width:250px;
}



.addNewBGBut:hover{
	
	border: #6C3 solid 1px; margin:5px;
	font-size:18px;
	padding:10px;
	cursor:pointer;
	
	-webkit-box-shadow: -1px 3px 5px  #333333; 
	-moz-box-shadow: -1px 3px 5px  #333333;
	
}
.topTab {
	border: #333 solid 1px; margin:5px; 
	height:36px;
	/*background-color:#ddd;*/
	background-color:#a1ff16;
	background-image:url(../con_scripts/iphone_sms_overlay4.png);	
	color: #525252;
    font-weight: bold;
    line-height: 18px;
    text-shadow: 0 1px 0 white;
	position:relative;
	margin-bottom:0px;
	-webkit-box-shadow: 0 2px 2px gray; 
	-moz-box-shadow: 0 2px 2px gray;
	z-index:5;
}

.topAvatar{
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
 	height:28px; 
	margin:3px;
	 text-shadow: 0 1px 0 white;	
	-webkit-box-shadow: 0px 1px 0 white; 
	-moz-box-shadow: 0px 1px 0 white;
	background-position:center; background-repeat:no-repeat;
	 border: 1px solid #000;
	 width:28px;
	 margin-left:6px;
}
.convoScroller
{
	height:300px;
	overflow-y:scroll;
	overflow-x:hidden;
		
	border: #333 solid 1px; margin:5px;
	z-index:1;
	background-color: #fff;
	margin-top:-1px;
}


.profileContactInfo {
	
	font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:36px; color:#09F;
	margin:20px; margin-left:2px; border:#999 solid 1px; padding:5px;
}

#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;
	
}


#topBarGreyFixed {
	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;
	position:fixed;_position:relative;top:0;left:0;z-index:120;width:100%;
	-webkit-box-shadow: -1px 3px 5px  #333333; -moz-box-shadow: -1px 3px 5px  #333333;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}



#top-stuff{position:fixed;_position:relative;top:0;left:0;z-index:12;width:100%;}


.itimOverLoad {
	background: url(../images/icon_inprogress.gif); background-position:center; background-repeat:no-repeat; background-color:#FFF;
	
	width:280px;
	 height:280px; 
	 border: #CCC solid 0px	;
	padding:10px;
	font-weight:bold;
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	z-index:20; 
	position:relative; 
	top:-400px;
	left:60px;
	line-height:24px;
	border-radius:7px; 
	-moz-border-radius:7px; 
	-webkit-border-radius:7px;	
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	
}

.speechMic {
	
	z-index:25; 
	position:relative; 
	top:-335px;
	left:220px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	
	
}



.speechMicOld {
	
	z-index:25; 
	position:relative; 
	/*top:-355px;
	left:200px;*/
	
	top:-365px;
	left:220px;
	filter:alpha(opacity=100);
	-moz-opacity:;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	
	
}

.itimConversation {
	/*background: url(../images/icon_inprogress.gif);*/
	background-image:url(../m/progress.gif);
	
	background-position:center; background-repeat:no-repeat;
	
	background-color:#fff;
	width:385px;
	 height:229px; 
	 border: #999 solid 1px	;
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	z-index:19; 
	position:relative; 
	top:-408px;
	left:8px;
	line-height:24px;
	
}

.itimConversationLoaded {
	
	background-color:#fff;
	width:386px;
	 height:230px; 
	 border: #999 solid 1px	;
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	z-index:19; 
	position:relative; 
	top:-409px;
	left:8px;
	line-height:24px;
	
}

/* IE ignores styles with [attributes], so it will skip the following. */
.itimConversationLoaded[class] {
  width:385px;
  top:-409px;
height:229px;
   /*border: solid 1px #009933;*/
}

.fade50 {

	
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	


}

.fade100 {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;	
}


.redText {
  color: #FF3333;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  /* display: block; */
}
.grayText {
  color: #999999;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  /* display: block; */
}
.picFormat {
  color: #999999;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  margin-left:25px;
  border: #FF9900 0px solid;
  /* display: block; */
}

.snake {
  color: #00FF00;
  color: #000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  /* display: block; */
}

.replyName {
  color: #FF9900;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style:bold;
  font-weight: normal;
  /* display: block; */
}

.replyNamesm {
  color: #FF9900;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style:bold;
  font-weight: normal;
 /* display: block; */
}

.convoVideo {
	border:#666 solid 1px;
	-webkit-box-shadow: 2px 2px 4px #CCC; 
	-moz-box-shadow: 2px 2px 4px #CCC; 
	
}


.convoPhoto {
	border:#666 solid 1px;
	-webkit-box-shadow: 2px 2px 4px #CCC; 
	-moz-box-shadow: 2px 2px 4px #CCC; 
	
}

.convoMsgHolder {
	margin-bottom:25px; margin-left:10px; margin-right:10px; font-size:12px; font-family:Verdana, Geneva, sans-serif; line-height:18px; color:#666;
}

.convoMediaContainer {
	height:170px; overflow:hidden;  margin-top:10px;	
}

.convoVideoContainer {
	height:100px; overflow:hidden; margin-top:10px;	
}

.mediaTable {
	width:100%;	
}


.profileInfo {
	
	font-size:24px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:36px; color:#09F;
	margin:20px; margin-left:2px;
}

.profilePhoto {
	border:#666 10px solid;
	margin: 12px;
	border-radius:10px; 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;	
	
}

.canvasEmpty {
	height:0px;
	border:none;
}

.profileHolder {

	
	background:#FFF;
	height:460px;
	width:650px;	
	
}

.profileHolderVideo {

	
	background:#fff;
	height:460px;
	width:650px;	
	
}

.mediaInfo {
	
}


.mediaHolder {

	background:#FFF;
	height:460px;	
	width:650px;
}


.button_app{
-webkit-appearance:none;
display:inline-block;
        width: 75%;
height: 15px;
        text-decoration: none;
	border-top: 3px solid #194965;
	border-right: 3px solid #194965;
	border-bottom: 3px solid #194965;
	border-left: 3px solid #194965;
        -webkit-border-top-right-radius: 6px; 
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-top-left-radius: 6px; 
        -webkit-border-bottom-left-radius: 6px;
	font-size: 13px;
font-family: arial;
        text-align: center;
	color: white;
        vertical-align: middle;
        padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 4px;
        margin-left: 0px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	background:  -webkit-gradient(linear, center top, center bottom, from(#bdd5e8), color-stop(.35, #2e7bb1), color-stop(.45,#3286bd), to(#3a9cd9));
}

.niceButton {
	
	margin-left:25px; 
	margin-top:-2px; 
	width:100px; 
	text-align:center; 
	border:#333 1px solid;
	border-top:#999 1px solid;
	background-color:#FFF;
	
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;	
}

.reconButton {
	
	margin-left:25px; 
	margin-top:-2px; 
	width:200px; 
	text-align:center; 
	border:#F00 2px solid;
	/*border-top:#999 1px solid;*/
	background-color:#FFF;
	
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;	
}


.currSelectedButton {
	
	width:180px; 
	text-align:center; 
	border:#09C 2px solid;	
	background-color:#FFF;
	padding:5px;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;	
	cursor:pointer;
	color:#09c;
	font-weight:bold;
}


.inactiveButton {
	
	
	width:180px; 
	text-align:center; 
	border:#333 1px solid;
	border-top:#999 1px solid;
	background-color: #D4D4D4;
	cursor:pointer;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	padding:5px;	
	color:#999;
}

.inactiveButton:hover {
	background-color: #09C;
	
}



.ad-form-field {
	width:240px; 
	height:24px;
	
}

.ad-form {
	
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	margin-top:5px; 
	border: 1px solid #bcbdbe; 
	padding-left:3px; 
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	
}

.ad-form-error {
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	width:240px; 
	margin-top:5px; 
	border: 1px solid #bcbdbe; 
	height:24px; 
	padding-left:3px; 
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; 
	-webkit-box-shadow: 0px 1px 5px #f30; 
	-moz-box-shadow: 0px 1px 5px #F30; 
	border-color:#F00;

}

.countNum {
color:#FF9900; font-size: 10px; width:0px; visibility:hidden;	
}


.ad-form-focus {
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	width:240px; 
	margin-top:5px; 
	border: 1px solid #bcbdbe; 
	height:24px; 
	padding-left:3px; 
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; 
	-webkit-box-shadow: 0px 1px 5px #09F; 
	-moz-box-shadow: 0px 1px 5px #09F; 
	border-color: #09F;

}


#logoTop {
	position: absolute;
	top: 5px;
	left: 25px;
	color: #666666;
	text-align: left;
	margin-right: 0px;
	margin-left: 0px;
	width: 200px;
}


#logoTopFixed {
	/* position: absolute; */
	top: 5px;
	left: 25px;
	color: #666666;
	text-align: left;
	margin-right: 0px;
	margin-left: 0px;
	width: 200px;
	position:fixed;_position:relative;z-index:125;





}



#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;
	
	-moz-border-radius: 7px;
	border-radius: 7px;
	
	
	background-color: #f7f7f7;
	margin: 0px;
	
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	
	-moz-box-shadow: 5px 3px 1px #000;
  	-webkit-box-shadow: 5px 3px 1px #000;
  	box-shadow: 5px 3px 1px #000;
	
	border-top: 3px solid #194965;
	border-right: 3px solid #194965;
	border-bottom: 3px solid #194965;
	border-left: 3px solid #194965;
	-webkit-border-top-right-radius: 7px; 
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-top-left-radius: 7px; 
	-webkit-border-bottom-left-radius: 7px;
	
	
	
	
}



#topMenuRight {
	margin-left: 300px;
	margin-top: 0px;
	position: relative;
	
}
#midRightMenu {
	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;
	
	-moz-border-radius: 7px;
	border-radius: 7px;
	
	
	background-color: #f7f7f7;
	margin: 0px;
	
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	
	-moz-box-shadow: 5px 3px 1px #000;
  	-webkit-box-shadow: 5px 3px 1px #000;
  	box-shadow: 5px 3px 1px #000;
	
	border-top: 3px solid #194965;
	border-right: 3px solid #194965;
	border-bottom: 3px solid #194965;
	border-left: 3px solid #194965;
	-webkit-border-top-right-radius: 7px; 
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-top-left-radius: 7px; 
	-webkit-border-bottom-left-radius: 7px;
	
	
	
	
}


#midLeftMenu7 {
	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;
	
	-moz-border-radius: 7px;
	border-radius: 7px;
	
	
	background-color: #f7f7f7;
	margin: 0px;
	
	filter:alpha(opacity=90);
	
	-moz-opacity:0.9;
	/*
	-khtml-opacity: 0.9;
	
	opacity: 0.9;
	*/
	-moz-box-shadow: 5px 3px 1px #000;
  	-webkit-box-shadow: 5px 3px 1px #000;
  	box-shadow: 5px 3px 1px #000;
	
	
	border-top: 3px solid #194965;
	border-right: 3px solid #194965;
	border-bottom: 3px solid #194965;
	border-left: 3px solid #194965;
	-webkit-border-top-right-radius: 7px; 
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-top-left-radius: 7px; 
	-webkit-border-bottom-left-radius: 7px;
	
	
	
	
}

.infoLeft {
	
	-moz-box-shadow: 5px 3px 1px #000;
  	-webkit-box-shadow: 5px 3px 1px #000;
  	box-shadow: 5px 3px 1px #333;
	
	
	border: 3px solid #0CF;
	border-radius:7px;
	-webkit-border-top-right-radius: 7px; 
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-top-left-radius: 7px; 
	-webkit-border-bottom-left-radius: 7px;
	
}


.borderRightSide {
	border:1px #CCC solid;	
}
.elapsed_time {
	
	font-size:10px;
	font-style:italic;
	color:#999;	
	 width:155px;
	
}
.groupbg{
	background-color:#000;position:relative; height:110px; width:140px;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}


.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;
	background-image:url(../images_iphone/loader.gif); background-position:center; background-repeat:no-repeat;

}

.outGroupItim {
	float:left; 
	width:140px;
	height:110px; 
	border:1px #E8E8E8 solid; 
	margin:5px;
	background-image:url(../images_iphone/loader.gif); background-position:center; background-repeat:no-repeat;
	/*cursor:pointer;*/

}

.outGroupItim:hover {
	float:left; 
	width:140px;
	height:110px; 
	color:#09C;
	 
	margin:5px;
	background-image:url(../images_iphone/loader.gif); background-position:center; background-repeat:no-repeat;
	cursor:pointer;
	box-shadow:0px 0px 5px 1px  #333;
	/*
	-moz-box-shadow: 1px 1px 5px #ccc;
  	-webkit-box-shadow: 1px 1px 5px #ccc;
  	box-shadow:1px 1px 5px #ccc;
	*/

}

.newGroup{
	float:left; 
	width:140px;
	height:110px; 
	border:1px #E8E8E8 dashed; 
	margin:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:18px;
	
	font-weight: normal;
	text-shadow: 0 1px 0 white;
	color:#999;
}


.newGroup:hover{
	float:left; 
	width:140px;
	height:110px; 
	border:2px #0F3 dashed; 
	margin:4px;
	cursor:pointer;
	font-weight:bold;
	
}


.createnewgroupdiv{
	
	margin-top:-270px;
	background-color:#333; 
	border: #333 1px solid;
	 
	height:270px; 
	width:630px;
	
	border-radius:7px; 
	-moz-border-radius:7px; 
	-webkit-border-radius:7px;
	
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	z-index:100;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	position:relative;
	
}

.newgroupheader{ 
text-align:center;
width:630px; margin-top:5px;	
position:relative;
	
}

.createnewgroup{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:18px;
	margin-top:7px;
	font-weight: bold;
	text-shadow: 0 1px 0 white;
	color:#999;
}

.createnewgroup1:hover{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:18px;
	margin-top:7px;
	font-weight:bold;
	text-shadow: 0 1px 0 white;
	color: #666;
}


.friendTab {
	float:left; 
	width:140px;
	height:50px; 
	border:1px  #999 solid; 
	margin:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	-moz-box-shadow: 0 1px 0 0 #e4e4e4 inset, 0 28px 20px -18px #fcfcfc inset, 0 1px 0 0 #f3f3f4;
    -webkit-box-shadow: 0 1px 0 0 #e4e4e4 inset, 0 28px 20px -18px #fcfcfc inset, 0 1px 0 0 #f3f3f4;
	box-shadow: 0 1px 0 0 #e4e4e4 inset, 0 28px 20px -18px #fcfcfc inset, 0 1px 0 0 #f3f3f4;
	box-shadow:inset 0 -1px 3px 0px #e4e4e4, 0px 1px 0px 0px  #ccc;
	
	border-radius:2px; 
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;

}
.friendTab:hover{
	cursor:pointer;
	box-shadow:inset 0 -1px 3px 0px #e4e4e4, 0px 1px 3px 1px  #333;
}
.friendtitle{
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:15px;
	margin-top:7px;
	text-shadow: 0 1px 0 white;
	color:#333;
}

.groupMainTitle{
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:15px;
	margin-top:2px;
	font-weight:bold;
	text-shadow: 1px -1px 0 #000;
	color:#fff;
}

.groupMainCount{
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:15px;
	margin-top:15px;
	margin-left:10px;
	text-shadow: 1px -2px 1px #000;
	color:#fff;
	float:left; 
}

.seperator{
	line-height:0px;
	height:0px;
	font-size:0px;
	margin-left:7px;
	border-bottom:solid #fff 1px;
	border-top:solid #333 1px;	
}

.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;*/
}


.midRightBarNew {
	
	cursor: pointer; 
	margin-left:5px;
	 margin-right:5px; 
	 margin-top:0px; 
	 margin-bottom:0px;
	 border-bottom:#ccc solid 0px;	
}



.midRightBarNewHover{
	
	cursor: pointer; 
	margin-left:5px;
	 margin-right:5px; 
	 margin-top:0px; 
	 margin-bottom:0px;
	 border:#ccc solid 1px;	
	 -moz-box-shadow: 1px 1px 5px #ccc;
  	-webkit-box-shadow: 1px 1px 5px #ccc;
  	box-shadow: 1px 1px 5px #ccc;
}


.midRightBarNewOpen {
	
	cursor: pointer; 
	margin-left:5px;
	 margin-right:5px; 
	 margin-top:0px; 
	 margin-bottom:0px;
	 border:#ccc solid 1px;	
	 border-radius:2px; 
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;
	 -moz-box-shadow: 1px 1px 5px #ccc;
  	-webkit-box-shadow: 1px 1px 5px #ccc;
  	box-shadow: 1px 1px 5px #ccc;
	background-color:#FFF;
}



.midRightBarNewOpenFocus {
	
	cursor: pointer; 
	margin-left:5px;
	 margin-right:5px; 
	 margin-top:0px; 
	 margin-bottom:0px;
	 border:#000 solid 2px;	
	 border-radius:2px; 
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;
	-moz-box-shadow: 2px 2px 5px #333;
  	-webkit-box-shadow: 2px 2px 5px #333;
  	box-shadow: 2px 2px 5px #333;
	background-color:#fff;
}

.midRightBarNewOpenUnread {
	
	cursor: pointer; 
	margin-left:5px;
	 margin-right:5px; 
	 margin-top:0px; 
	 margin-bottom:0px;
	 border:#3C0 solid 1px;	
	  -moz-box-shadow: 1px 1px 5px #3C0;
  	-webkit-box-shadow: 1px 1px 5px #3C0;
  	box-shadow: 1px 1px 5px #3C0;
	background-color:#FFF;
}



.videoBarNew {
	margin-bottom:5px;
	cursor: pointer; 
	border-bottom:#ccc solid 1px;	
	background: none; color:#FFF;
}

.videoBarNewHover {
	
	margin-bottom:5px;
	cursor: pointer; 
	 border:#ccc solid 1px; background: #999; color:#0C3;
	 -moz-box-shadow: 1px 5px 5px #0CC;
  	-webkit-box-shadow: 1px 1px 5px #0CC;
  	box-shadow: 1px 1px 5px #0CC;
}



.midLeftMBar2[class] {
	width: 270px;
	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;
	visibility:hidden;
}

.bottomRightMenu {
	height:4px;
	width:185px;
	line-height:1px; 
	background-image:url(../images/leftmenubottom.png) ; 
	background-position: 0px 0px;
	background-repeat:no-repeat; 
	font-size:1px;
	visibility:hidden;
}
.topLeftMenu {
	height:4px;
	width:185px;
	line-height:1px; 
	background-image:url(../images/leftmenutop.png); 
	background-repeat:no-repeat; 
	font-size:1px;
	visibility:hidden;
}

.topRightMenu {
	height:4px;
	width:185px;
	line-height:1px; 
	background-image:url(../images/leftmenutop.png); 
	background-repeat:no-repeat; 
	font-size:1px;
	visibility:hidden;
}
#leftSideMenu {
	position: relative;
	width: 183px;
	margin-top: 45px;
	margin-left: 25px;
}
#rightSideMenu {
	position: relative;
	width: 200px;
	margin-top: 25px;
	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;
	text-align:left;
}

.menuLink a {
	font-size: 11px;
	color: #006699;
	text-decoration:none;
		
}

.titleBottomMain {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	margin-bottom: 10px;
	margin-top: 5px;

}
.errormsg {
	
	font-weight:normal; margin-top:100px; font-size:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top:-25px;
	padding-left:25px;
	
	
	padding-right:25px;	
	
}
.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;
 
 }
 
 .openWinShadow2 {
	position:absolute;
	left:546px;
	/**background-color:#EEEEEE; **/
	background-color: #ffffff;
	visibility:hidden;
	z-index:30;
	top: 350px;
	
	
	box-shadow: 0px 3px 3px 3px #333333;
	-webkit-box-shadow: 0px 3px 3px 3px #333333;
	
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	/*
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	*/
}

.openWinInner2
{
	line-height:24px; 
	position:relative;
	
	background-color: #FFF; background-image:url(../backgrounds/apple_gray_bg.png);
	background-repeat:repeat;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin:0px;
	overflow:hidden;
	/*background-image:url(images4/login_bg.gif); 
	background-repeat:repeat-x;
	*/
	
}



.openWinShadow {
	position:absolute;
	left:546px;
	/**background-color:#EEEEEE; **/
	background-color: #333333;
	visibility:hidden;
	z-index:30;
	top: 350px;
}

.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;

}


#all_itims::-webkit-scrollbar{width:9px;height:9px;}
#all_itims::-webkit-scrollbar-button:start:decrement,#all_itims::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
#all_itims::-webkit-scrollbar-track-piece{background-color:#FAFAFA;-webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
#all_itims::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#999;-webkit-border-radius:0px;}
#all_itims::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:#999;-webkit-border-radius:0px;}

#all_itims::-webkit-scrollbar{width:9px;height:9px;}
#all_itims::-webkit-scrollbar-button:start:decrement,#all_itims::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
#all_itims::-webkit-scrollbar-track-piece{background-color:#FAFAFA;-webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
#all_itims::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#999;-webkit-border-radius:0px;}
#all_itims::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:#999;-webkit-border-radius:0px;}

#myContacts::-webkit-scrollbar{width:9px;height:9px;}
#myContacts::-webkit-scrollbar-button:start:decrement,#myContacts::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
#myContacts::-webkit-scrollbar-track-piece{background-color:#FAFAFA;-webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
#myContacts::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#999;-webkit-border-radius:0px;}
#myContacts::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:#999;-webkit-border-radius:0px;}


#friends::-webkit-scrollbar{width:9px;height:9px;}
#friends::-webkit-scrollbar-button:start:decrement,#friends::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
#friends::-webkit-scrollbar-track-piece{background-color:#FAFAFA;-webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
#friends::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#999;-webkit-border-radius:0px;}
#friends::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:#999;-webkit-border-radius:0px;}

/*
#photos::-webkit-scrollbar{width:9px;height:9px;}
#photos::-webkit-scrollbar-button:start:decrement,#photos::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
#photos::-webkit-scrollbar-track-piece{background-color:#FAFAFA;-webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
#photos::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#999;-webkit-border-radius:0px;}
#photos::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:#999;-webkit-border-radius:0px;}
*/

.mynewscroll::-webkit-scrollbar{width:9px;height:9px;}
.mynewscroll::-webkit-scrollbar-button:start:decrement,.mynewscroll::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
.mynewscroll::-webkit-scrollbar-track-piece{background-color:#FAFAFA;-webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
.mynewscroll::-webkit-scrollbar-track:hover{background-color: #CCC; border:solid 1px #AEAEAE;}
.mynewscroll::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#999;-webkit-border-radius:0px;}
.mynewscroll::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:#999;-webkit-border-radius:0px;}

.divPhotoGallery{
	overflow-x: hidden; 
	overflow-y:auto; 
	border: #CCCCCC 0px solid;
	 
	height:245px; 
	width:630px;
}

.divPhotoGallery::-webkit-scrollbar{width:9px;height:9px; -webkit-border-radius:10px;}
.divPhotoGallery::-webkit-scrollbar-button:start:decrement,.divPhotoGallery::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
.divPhotoGallery::-webkit-scrollbar-track-piece{background-color:#FAFAFA;-webkit-border-radius:10px;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;}
/* .divPhotoGallery::-webkit-scrollbar-track-piece:hover{background-color: #CCC; border:solid 1px #AEAEAE; -webkit-border-radius:10px;} */
.divPhotoGallery::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#999;-webkit-border-radius:10px;}
.divPhotoGallery::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:#999;-webkit-border-radius:10px;}

/* Let's get this party started */ #all_itims ::-webkit-scrollbar { width: 12px; } /* Track */ #all_itims ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; } /* Handle */#all_itims ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255,0,0,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } #all_itims ::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4); }
