@import url(./emastic/grid.css);
@import url(./emastic/ie.css);
@import url(./emastic/reset.css);
@import url(./emastic/type.css);
@import url(./emastic/plugins/percent-grid.css);

body{
margin:0;
padding:0;
line-height: 1.5em;
font-size:12px;
font-family:TimesNew Roman,Arial, Helvetica, sans-serif;
}

b {
font-size: 15px;
font-family:times New roman;

}

a
{
text-decoration:none;
color: #000000;//B4AE6D;

}
a:visited {
	text-decoration:none;
	border:0px;
	color: #999D9C;//0E124D;//6DB4AB;
}
a:hover {
	text-decoration: none;
	border:0px;
	color: #965c99;
}


em{color: red;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding-bottom:40px;
height:100%;
/*height:auto !important;*/
}

#topsection{

background-image:url(../images/top.png);
background-repeat:no-repeat;
margin-top:10px;
height: 60px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -1030px;//-840px; /*Set margin to that of -(MainContainerWidth)*/
background: #ffffff;
/*margin-top:20px;*/
}

#leftcolumn_browsegrps{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -860px; /*Set margin to that of -(MainContainerWidth)*/
background: #ffffff;

}


#leftcolumn_profile{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -1030px; /*Set margin to that of -(MainContainerWidth)*/


}

#rightcolumn{
float:right;
width: 180px; /*Width of right column*/
margin-left: -180px; /*Set left margin to -(RightColumnWidth)*/
background: #ffffff;
margin-top:-25px;
}


#rightcolumn_profile{
float: right;
width: 180px; /*Width of right column*/
margin-left: -180px; /*Set left margin to -(RightColumnWidth)*/


}

#footer{

width: 740px;
background: #C1C1C1;
color: #000000;
text-align: center;
padding: 4px 5px;
font-size:11px;
font-weight:bold;
margin:0 auto;
}




#clearfooter{
clear:both;
bottom:0 !important;
margin: 0 auto;
height:40px;
}/*needed to make room for footer*/


#footer a{
color: #000000;
font-size:12px;
text-decoration:none;
padding-left:5px;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
<!-- -->
.aerobuttonmenu{ /*container that holds a row of aero buttons*/
/*overflow: hidden; 
width: auto;
/*background: #F7F7F7;menu strip background*/
border: 0px solid gray;
padding-top: 30px;
border-width: 0px 0;
padding-left: 180px;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('../images/aeroleft.gif') no-repeat top left;
display: block;
float: left;
font: bold 12px arial, Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
background-color:#000000;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: #000000; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('../images/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 33px 6px 20; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: white;
}

.black a.aero{
background-image: url('../images/aeroleftblack.gif');
}

.black a.aero span{
background-image: url('../images/aerorightblack.gif');
}

.aerobuttonmenu .rightsection{
position: absolute;
float: right;
width: 160px;
/*top: 3px;*/
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}

<!-- -->
.shiftcontainer{
position: relative;
/*left: 0px; Number should match -left shadow depth below*/
/*top: 0px; Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 100%; /* container width*/
    }

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: 0px; /*shadow depth*/
top: 0px; /*shadow depth*/
right: 0px; /*shadow depth*/
bottom: 0px; /*shadow depth*/

}

<!-- -->
.commentbox{
background-color: #def0c9;
width:98%;
padding:5px;
margin-top:10px;
font-size:12px;
line-height:18px;
}

#realmessage {color:#000000; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight : normal; margin: 0px; padding: 5px 0px 10px 10px; margin: 5,0; text-align:justify;}



.commentfooter{
background: url(images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 0px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 12px;
/*color: #FF6600;*/
}

.header, .header .border-left, .header .border-right {
	height: 75px;
}

.header {
	background: url(../images/header_span.jpg) repeat-x;
}

.header .border-left, .header .border-right {
	width: 9px;
}

.header .border-left {
	background: url(../images/header_border_left.jpg) no-repeat;
}

.header .border-right {
	background: url(../images/header_border_right.jpg) no-repeat;
}

.header .logo {
	float:left;
        height: 115px;
        width: 300px;
         margin-top:-40px;
      _margin-top:-40px;
         cursor:pointer;
	background: url(../images/logo.png) no-repeat;
}

.header .menu ul {
	color: #fff;
	font-size: 1.2em;
	list-style-type: none;
	margin-top: 17px;
}

.header .menu ul li {
	display: inline-block;
	height: 45px;
	float: left;
	margin-right: 5px;
}

.header .menu ul li a {
	display: inline-block;
	text-decoration: none;
	width: 125px;
}

.header .menu ul li span.text {
	color: #000000;
	font-weight:bold;
	display: block;
	padding-top: 12px;
	text-align: center;
}

.header .menu ul a .left, .header .menu ul a .right {
	height: 42px;
}

.header .menu ul a .left {
	width: 9px;
}

.header .menu ul a .right {
	width: 7px;
}

.header .menu ul a.active, .header .menu ul a:hover {
	background: url(../images/menu_active_span.png) repeat-x;
}

.header .menu ul a.active .left, .header .menu ul a:hover .left {
	background: url(../images/menu_active_border_left.png) no-repeat;
}

.header .menu ul a.active .right, .header .menu ul a:hover .right {
	background: url(../images/menu_active_border_right.png) no-repeat;
}

.left {
	float: left;
	display: inline;
}




 input[type="text"]:focus {
-moz-border-radius-bottomright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-topleft:7px;
border:2px solid #73A6FF;
color:#000000;
padding-left:10px;


}

input[type="text"]{
-moz-border-radius-bottomright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-topleft:7px;
border:1px solid #B1B1B1;
color:#9AA1A1;
padding-left:10px;

}


search,input[type="submit"] {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#E6E6E6;
border:1px solid #CCCCCC;
color:#000000;
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:24px;
margin-top:-25.4px;
padding-bottom:2px;
padding-right:5px;
padding-left:5px;
}


search,input.submit:hover,input[type="submit"]:hover{

background-color:#BFC3C4;
}


btn,input[type="button"] {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#E6E6E6;
border:1px solid #CCCCCC;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:24px;
margin-top:-25.4px;
padding-bottom:2px;
padding-right:5px;
padding-left:5px;
float:none;
}


btn,input.submit:hover,input[type="button"]:hover{

background-color:#BFC3C4;
}



createbtn,input.submit:hover,input[type="submit"]:hover{

background-color:#BFC3C4;
}


createbtn,input[type="button"] {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
/*background-color:#DBF1F2;*/
background-color:#E6E6E6;
border:1px solid #CCCCCC;
color:#000000;
/*color:#0A77B7;*/
/*width:100px;*/
font-weight:bold;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:24px;
margin-top:10px;
padding-bottom:2px;
padding-right:5px;
padding-left:5px;
float:none;
}



.invite_members

{
width: 470px;
height: 60px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-topleft:7px;
border:1px solid #B1B1B1;
color:#9AA1A1;
padding-left:10px;
}


.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 0px;
width: 90px;
}

.picuploading_cg {

/*background-image:url('images/loadinglogin.gif');*/
margin-right:55px;
margin-top:-20px;
float:right;
/*background-repeat:no-repeat;*/
background-color:#FBFBDD;

}



.ani {
background-color:#cccccc;
background-image:url(../images/yesmus.gif);
width:99%;
margin-top:5px;
height:270px;
}
<!-- -->
.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../images/formbg.gif) repeat-x left top;
}

<!-- -->
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 10px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
font-family:Arial, Helvetica, sans-serif;
}

.btn {
-x-system-font:none;
background:#667db3 none repeat scroll 0 0;/*DBF1F2*/
color:#FFFFFF;/*0A77B7*/
cursor:pointer;
font-family:arial;
font-size:11px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:18px;
line-height:normal;
margin:0;
width:30px;
padding:2px;
padding-left:2px;
vertical-align:middle;
border-width:0px;
}

.createbtn {
-x-system-font:none;
background:#667db3 none repeat scroll 0 0;
color:#FFFFFF;
cursor:pointer;
font-family:arial;
font-size:11px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:20px;
line-height:normal;
margin:10px 0 0 -30px;
padding:0px;
vertical-align:middle;
border-width:0px;
}

.createbtn:hover {

background:#965c99; none repeat scroll 0 0;

}


.uploadbtn {
-x-system-font:none;
background:#FFFFFF none repeat scroll 0 0;
border:none;
width:1px;
}



#creategroups{

/*padding-top:20px;*/

}


.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
/*background-image: url(../images/shadeactive.gif);*/
border-color:#14bdcb;/*A566AD;*/
border-bottom-color: white;
border-width:2px;
border-bottom:white;
outline-style:none;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

<!-- -->
#contab { height: 0px; width:100%; margin-left: 0px; padding-left: 0px; background: transparent url("../images/htablebg.gif");}
.contableft { height: 35px; margin-left: 0px; padding-left: 0px; background: transparent url("../images/contableft.png") no-repeat top left;}
.contabright { height: 0px; margin-left: 0px; padding-left: 0px; background: transparent url("../images/contabright.png") no-repeat left top;}
.contabcenter { height: 0px; margin-left: 0px; padding-left: 0px; background: transparent url("../images/contabcenter.png") repeat-x;}
.contableftside { height: 0px; margin-left: 0px; padding-left: 0px; background: transparent url("../images/contableftside.png") repeat-y left;}
.contabrightside { height: 0px; margin-left: 0px; padding-left: 0px; background: transparent url("../images/contabrightside.png") repeat-y left;}
.contabbottomleft { height: 0px; margin-left: 0px; padding-left: 0px; background: transparent url("../images/contabbottomleft.png") no-repeat top right;}
.contabbottomright { height: 0px; margin-left: 0px; padding-left: 0px; background: transparent url("../images/contabbottomright.png") no-repeat top left;}
.contabbottom { height: 0px; margin-left: 0px; padding-left: 0px; background: transparent url(" ../images/contabbottom.png") repeat-x;}

h5 {color:#09360e; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight : bold; margin: 0px; padding: 5px 0px 10px 10px; margin: 5,0; text-align:justify;}
h3 {color:#09360e; font-family:Time New Roman; font-size: 14px; line-height: 18px; font-weight : normal; margin: 0px; padding-left:200px; margin: 10,0;padding-top:10px;}
h4 {color:#09360e; font-family:Time New Roman; font-size: 16px; line-height: 18px; font-weight : normal; margin: 0px; padding-left:200px; margin: 10,0;}
/*h0 {-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#E6E6E6;
border:1px solid #CCCCCC;color:#000000; font-family:Arial, Helvetica, sans-serif; font-size: 11px; padding-right:15px;float:right;}
h0:hover{background-color:#BFC3C4;}*/
h0 {background-color:#FFFEEE;
color:#000000; font-family:Arial, Helvetica, sans-serif; font-size: 9px; padding-right:15px;float:right;margin-top:-40px;height:15px;}

h9 {color:#000000; font-family:Arial, Helvetica, sans-serif; font-size: 9px; padding-right:5px;float:right;margin-top:-15px;background:#FFFEEE;width:80px;height:15px;}

#loginbox { color:#09360e; font-family:Arial, Helvetica, sans-serif; font-size: 12px; padding-left:185px; padding-top:10px;}

#loginsignuplink { color:#09360e; font-family:Arial, Helvetica, sans-serif; font-size: 12px; padding-top:10px;}
/*#loginmessage { color:#09360e; font-family:Arial, Helvetica, sans-serif; font-size: 12px; padding-left:0px; margin-top:35px;margin-left:250px;text-align:center;height:20px;border:1px solid; position:absolute;background-color:#F9F6B1;color:#000000;width:250px;opacity:0.9;}*/
#verify_mobile { color:#09360e; font-family:Arial, Helvetica, sans-serif; font-size: 12px; padding-left:0px; margin-top:35px;margin-left:250px; position:absolute;border:1px solid;background-color:#F9F6B1;color:#000000;width:250px;opacity:0.9;}
#loginmessage { color:#09360e; font-family:Arialnarrow, Helvetica, sans-serif; font-size: 15px;background-color:#F9F6B1;color:#000000;}
#registermessage { color:#09360e; font-family:Arialnarrow, Helvetica, sans-serif; font-size: 15px;background-color:#F9F6B1;color:#000000;}
#schedulebox { color:#09360e; font-family:Arial, Helvetica, sans-serif; font-size: 12px; padding-left:0px; margin-top:50px;margin-left:550px; position:absolute;border:1px solid;background-color:#F9F6B1;color:#000000;width:250px;opacity:0.9;}
#signup{ margin-top:-35px;margin-left:15px;}
#creategroupmessage{ color:#09360e; font-family:Arial, Helvetica, sans-serif; font-size: 12px;background-color:#F9F6B1;color:#000000;}
#update{ color:#09360e; font-family:Arial, Helvetica, sans-serif; font-size: 12px;background-color:gold;color:#000000;}

#invitemessage{ color:#09360e; font-family:Arial, Helvetica, sans-serif; font-size: 12px;background-color:#F9F6B1;color:#000000;}
#error_message{ color:#09360e; font-family:Arial, Helvetica, sans-serif; font-size: 12px;background-color:#F9F6B1;color:#000000;}




.verify_mobile{

background-color:#FFFFFF;
border:3px solid #B3A754;/*FFED2E*/
padding:8px;
width:440px;

}


.groups_message{

/*border-top-style: groove;*/
border-color:#613D17;

}
.messageboxtop{
background-color:#7FD7F7;
padding: 5px 10px;
font-weight:bold;
margin-top:100px;
}

.messagebox {
background-color:#FFFFFF;

border:3px solid #7FD7F7;/*FFED2E*/
padding:5px;
position:relative;
z-index:1;
}

.messagebox_loginreg {
background-color:#F4F5F5;
border:3px solid #7fd7f7 ;/*FFED2E;/*E0EDF2 fbf5c3*/
padding:5px;
width:445px;
margin-top:30px;
}

.messagebox_creategrps {
background-color:#FFFFFF;
border:3px solid #7FD7F7;/*FFED2E*/
padding-left:10px;
padding-top:10px;
margin-top:50px;
width:445px;
margin-left:120px;
}


.messagebox_grpdetails{
border-top: 0px solid #E5F6FD;
border: 3px solid #7FD7F7;
background-color:#FFFFFF;
padding:5px;
margin-top:25px;
width:445px;
}


.messagebox_smscmd {
background-color:#FFFFFF;
border:3px solid #A16172;/* FDA849 FFED2E*/
padding:5px;
width:445px;
}

.messagebox_smscmd li {
background-color:#FFFFFF;
border:2px solid #F1F1F6;/*FFED2E*/
padding:5px;
font-family:Arial, Helvetica, sans-serif; font-size: 12px;
color:#000000;
list-style:none;


}



.messageboxtop_browsegrps{
width:84%;
background-color:#7FD7F7;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 5px 10px;
font-weight:bold;
}

.messagebox_browsegrps{
background-color:#e0edf2;
border:0px solid #7FD7F7;
padding:5px;
width:89.5%;
position:relative;
z-index:1;
}


.messagebox_wdyg {
background-color:#FFFFFF;
border:3px solid #7FD7F7;/*FFED2E*/
padding:5px;
width:445px;
margin-left:100px;
}

.messagebox_wdyg li {
background-color:#FFFFFF;
border:2px solid #F1F1F6;/*FFED2E*/
padding:5px;
font-family:Arial, Helvetica, sans-serif; font-size: 13px;
color:#000000;
list-style:none;
/*line-height:1.5px;*/
}



categories {
border:1px solid;
height:80px;
margin-right:10px;
margin-top:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}

.categories a:hover{
text-decoration: none;
background:#F9F6B1;
color:#000000;

}


div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	margin-left:125px;
	margin-top:-25px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}



.treeview{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: white;
border-bottom: 1px dotted #cccccc;
color:#454545;
list-style-type: none;
padding: 0 20px 0px;
font-family:Arial, Helvetica, sans-serif; font-size: 12px;font-weight : bold; line-height:20px; text-align:justify;padding:7px 15px 0;
}


#listcategory li a:visited
{

background:#E6E6E6;
color:#000000;

}



.list ul { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#0066CC; list-style: none; list-style-position: inside;  border: 3px solid #f0d8f5; padding-left: 0px; margin-top: 0px; border-top: 0px;}
.list ul li { padding-left: 20px; line-height: 30px;border:0px ; border-bottom: 1px dotted #cccccc;padding-top:10px;}




.curve { margin-left:100px; width: 250px; }
/*.curve .top{ background :transparent url(../images/top_1.png) no-repeat; height: 30px; margin-left:25px;}*/
.curve .list ul{ background-color: #ffffff; border:0px;  -moz-border-radius: 20px; border: solid 2px #7FD7F7; padding: 10px;}
.curve .list ul li { background :transparent url(../images/bullet1.png) no-repeat; padding-left: 20px; color:#545654;}
.curve .started ul{ background-color: #FFFFE5; border:0px;  -moz-border-radius: 20px; border: solid 1px #F5E082; padding: 10px;list-style:none}
.curve .started ul li { background :transparent url(../images/bullet1.png) no-repeat; padding-left: 20px; color:#545654;border-bottom: 1px dotted #cccccc;background-color:#ffffff}
.curve .recoheader { color:#B92213; font-size:18px; float:none;margin-top:100px;padding-left:30px;padding-bottom:5px;}



.box { margin-left: 150px; width: 200px; float:left;}
.box .top{ background :transparent url(../images/top.png) no-repeat; height: 300px; margin-left:25px;}
.box .list ul{ background-color: #ffffff; border:0px;  -moz-border-radius: 20px; border: solid 2px #7FD7F7; padding: 8px;color:#000000;}
.box .list ul li { background :transparent url(../images/bullet1.png) no-repeat;font-size:11px; padding-left: 15px;}
.box .header { color:#B92213; font-size:14px; float:none;font-weight:normal;padding-left:12px;}


A.menulink {
display: block;
width: 95%;
padding-left:5px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:12px;ya
color: #454545;
BORDER: none;
border: solid 1px #faf9f9;
}

A.menulink:hover {
border: solid 1px #c5eeb7;
background-color:#d1e8b6;
background: transparent url("../../images/edit.png") no-repeat right;
}

#star { text-align:center;
}
#button {
 font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-ALIGN: center;
 background-image: url(../images/button_right.gif); background-repeat: no-repeat; background-position: right;
 text-decoration: none; height: 22px; font-weight: bold; color: #000000;
 padding: 5px 5px 0px 0px; margin: 0px 0px 0px 0px; border: 0px;}

.buttonright { background-image:url(../images/button_left.gif); background-repeat:no-repeat; background-position:left; height:22px; padding: 5px 5px 5px 0px; margin: 0px 0px 0px 0px; border: 0px;}

.loadingtimeline {

background-image:url('../images/loadingtimeline.gif');
padding-left:180px;
padding-top:100px;
padding-bottom:150px;
background-repeat:no-repeat;
background-position:center;

}


.loadinglogin {

background-image:url('../images/loadinglogin.gif');
padding-left:180px;
padding-top:60px;
float:right;
background-repeat:no-repeat;

}



.suggestionsBox {

		left: 1px;
		margin: 0px 0px 0px 0px;
		width: 84%;
		background-color: #fff;
        margin-left:0px;



		border: 2px solid #E3F1F2;
		color: #065679;
	}

	.suggestionList {
		margin: 0px 0px 0px 0px;
		padding: 1px;
		cursor: pointer;
		z-index:999;
	}

	.suggestionList li {

		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}

	.suggestionList hover {
		background-color: #E3F1F2;
	}

	.textbox {


	font-size: 11pt;
	color: #adb1b1;
	text-align:left;
	width:250px;
	height:25px;

	font-family: Arial-narrow;
	/*background-image: url(../images/search.gif);*/
	background-repeat:no-repeat;
	background-position:right;

	}

	.verifytextbox {
		font-size: 10pt;
		color: #adb1b1;
		text-align:left;

		font-family: Arial-narrow;
		background-repeat:no-repeat;
		background-position:right;
	}


.smsexp { marginfont-family:Arial, Helvetica, sans-serifl; font-size:11px;font-weight:bold; width: 200px; padding: 10px;margin-bottom:66px;}/*margin-left:140px;*/
.smsexp ul { margin-top:-6px;padding-left: 4px; margin-left: 0px; margin-bottom: 0px; list-style-type:none;listlist-style:inside;border:7px solid oldlace;background-color:#FFFFFF;height:170px;-moz-border-radius-topright:25px;-moz-border-radius-bottomleft:25px;-moz-border-radius-topleft:25px;-moz-border-radius-bottomright:25px;}/*F3F3F3 EFF399 green DBF1F2 lightgoldenRodYellow*/

.smsexp ul li {border-width:0 0 1px; line-height: 22px;padding-left:2px;}
.boy { background-image: url('../images/boy.gif') ;
background-repeat: no-repeat;
width: 32px;
height:30px;
position:absolute;-top:-18px;
margin: -10px;
}

.girl { background-image: url('../images/girl.gif');
background-repeat: no-repeat;
width: 32px;
height:30px;
float: right;
position: relative;
margin: -10px;
}


.topmessage {
background:#E9FAD0 url(/i/../images/icons/message_info.png) no-repeat scroll 20px center;
border-bottom:1px solid #AEE756;
border-top:1px solid #AEE756;
border-right:1px solid #AEE756;
border-left:1px solid #AEE756;
color:#525252;
font-weight:bold;
padding:10px 27px 5px !important;
margin-top:5px;
margin-right:7px;
font-size:18px;
}

.topmessage span{ font-size:10px; text-align:right; padding-left: 20px;}

label{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float: left;
width: 120px;
font-weight: bold;
padding-left:5px;
}

label .input, textarea{
width: 180px;
margin-bottom: 5px;
}




label_cg .input, textarea{
-moz-border-radius-bottomright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-topleft:7px;
border:1px solid #B1B1B1;
color:#9AA1A1;
padding-left:10px;
height:25px;
width:200px;
}

label_cg{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float: left;
width: 120px;
font-weight: bold;
padding-left:5px;
padding-top:10px;
}

.textarea{
width: 95%;
height: 120px;
color:#9AA1A1;
padding-left:10px;
margin-bottom:30px;
margin-top:15px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-topleft:7px;
}




.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 0px;
width: 90px;
}

br{
clear: left;
}

/* button */
#button {
 font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-ALIGN: center;
 background-image: url(../images/button_right.gif); background-repeat: no-repeat; background-position: right;
 text-decoration: none; height: 22px; font-weight: bold; color: #000000;
 padding: 5px 5px 0px 0px; margin: 0px 0px 0px 0px; border: 0px;}

.buttonright { background-image:url(../images/button_left.gif); background-repeat:no-repeat; background-position:left; height:22px; padding: 5px 5px 5px 0px; margin: 0px 0px 0px 0px; border: 0px;}






.contableft_p {
background:transparent url(../images/contableft_p.png) no-repeat scroll left top;
height:35px;
margin-left:0;
padding-left:0;
}

.contabcenter_p {
background:transparent url(../images/contabcenter_p.png) repeat-x scroll 0 0;
height:0;
margin-left:0;
padding-left:0;
}

.contabright_p {
background:transparent url(../images/contabright_p.png) no-repeat scroll left top;
height:0;
margin-left:0;
padding-left:0;
}


.formbutton1 {cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../images/formbg.gif) repeat-x left top;
}

.loginbtn {
background:#667DB3 none repeat scroll 0 0;
border-width:0;
color:#FFFFFF;
cursor:pointer;
font-family:Arial;
font-size:12px;
font-size-adjust:none;
font-variant:normal;
font-weight:bold;
height:25px;
line-height:normal;
margin:0;
padding:0;
vertical-align:top;
width:60px;
}

.btnVerify {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-x-system-font:none;
background:#E6E6E6 none repeat scroll 0 0;/*667db3*/
color:#000000;
cursor:pointer;
font-family:arial;
font-size:11px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:20px;
line-height:normal;
padding-top:2px;
padding-left:2px;
vertical-align:middle;
width:44px;
/*width:20%;*/
border:1px solid #AAAAAA;
}


.createbtn_browsegrps {
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
background:#FFFFFF none repeat scroll 0 0;/*F9F89B*/
border:3px solid gold;/*667DB3*/
color:#000000;
cursor:pointer;
font-family:Times New Roman;
font-size:19px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:45px;
line-height:normal;
vertical-align:middle;
padding-top:10px;
padding-left:10px;

width:150px;
margin-top:80px;
}


.createbtn_browsegrps:hover {

background:#F3F3F3; none repeat scroll 0 0;

}
.thumb { width: 500px; }
/*.thumb div ul li { background-color: #FFFFFF; width: 75px; margin-top: 10px; display:block; list-style: none; margin:0px}*/
.thumb div ul {padding:0 px;list-style:none;margin:0px;}
.thumb div ul li {margin:2px 0 5px 0px;padding:0 0 2px 2px;}
.thumb div { display: inline; float: left; height:140px;padding-bottom:15px;padding-top:20px;}



#countdown {

border-width:0;
color:#45D7DD;
font-family:Comic Sans MS;
font-size:19px;
margin-left:-80px;
margin-top:-20px;
position:absolute;
}




.groupnames_bg {
-moz-border-radius-bottomright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-topleft:7px;
background-color:#F9F6B1;
border:1px solid #A06B08;
margin-bottom:5px;
padding-left:5px;
}

.groupnames_bg_login {
-moz-border-radius-bottomright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-topleft:7px;
background-color:#F9F6B1;
border:1px solid #A06B08;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
font-size:14px;
padding-left:5px;
margin-top:20px;
width:455px;
}


.picuploading_cs {

/*background-image:url('images/loadinglogin.gif');*/
margin-right:23px;
margin-top:-20px;
float:right;
/*background-repeat:no-repeat;*/
background-color:#FBFBDD;

}


select{

width:200px;
height:25px;
padding-left:10px;
padding-top:2px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-topleft:7px;
margin-top:10px;
}

.groupnames
{

border:2px solid darkgray;/*747607;//EFF1F1;//A02F4D;//#BA33AF;//#CAF3F5;//#80B7FF*/
/*background-color:#EFF2F2;*/
margin-top:20px;
margin-bottom:10px;
}


label_cs {
float:left;
font-family:ArialNarrow;
font-size:15px;
line-height:25px;
font-weight:bold;
padding-bottom:15px;
padding-left:50px;
width:120px;
padding-top:10px;
}

label1{
font-family:Arial, Helvetica, sans-serif;
line-height:25px;
font-size:12px;
float: left;
font-weight: bold;
padding-left:5px;
}


label_loginreg .input, textarea{
width: 200px;
margin-bottom: 5px;
}


label_loginreg {
float:left;
font-family:TimesnewRoman;
font-size:18px;
line-height:25px;
font-weight:normal;
padding-bottom:15px;
padding-left:50px;
width:120px;
padding-top:10px;
}