body { color: #555555; font-size: 0.77em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; margin: 0 auto; background: #FFFFFF url(../images/admin/adminbg.jpg) no-repeat top center; }
form { margin: 0; }
#header a { color: #FFF; text-decoration: none; }
#header a:hover { color: #FFF; text-decoration: underline; }
a { color: #000; text-decoration: none; }
a:hover { color: #2E3D74; text-decoration: none; }
img,a img { border: 0; }
h1 { color: #345387; font-size: 1.5em; margin: 0px 0px 10px 0px;  }
h2 { color: #345387; font-size: 1.2em; margin: 0px 0px 10px 0px;}
.head { color: #fff; }
.headblue { color: #345387; }
.pointshead { color:345387; }
h3 { color: #555555; font-size: 0.9em; margin: 0px 0px 10px 0px; }
h4 { color: #555555; font-size: 0.7em; margin: 0px 0px 10px 0px;}
.green {color:#a7d528;}
.red {color:#fb041b;}
.white {color: #FFFFFF; font-size: 12px;}
.featurepic{ border: 0; margin: 0px 7px 0px 0px;}
.featureheading {
	font-size: 11px;
	font-weight: bold;
}

td { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; }

#container { margin: 0px auto; width: 1000px; text-align: center; overflow: hidden; }
#header { margin: 0px auto; padding:0px; width: 1000px; height: 84px; text-align: right; overflow: hidden; color: #ffffff; background: url(../images/admin/adminhead_bg.jpg) repeat-x;}
#adminlogo { width: 213px; height: 84px; float: left; color: #ffffff; background: url(../images/admin/adminlogo.jpg) no-repeat; }
#adminlogo_login { width: 215px; height: 84px; float: left; color: #ffffff; background: url(../images/admin/logo_boxlogin.jpg) no-repeat; }
#adminlogo_error{ width: 215px; height: 84px; float: left; color: #ffffff; background: url(../images/admin/logo_boxerror.jpg) no-repeat; }
#adminlogo_profile{ width: 215px; height: 84px; float: left; color: #ffffff; background: url(../images/admin/logo_boxprofile.jpg) no-repeat; }
#adminlogo_admin{ width: 215px; height: 84px; float: left; color: #ffffff; background: url(../images/admin/logo_boxadmin.jpg) no-repeat; }
#adminlogo_sayshi{ width: 215px; height: 84px; float: left; color: #ffffff; background: url(../images/admin/logo_boxsayshi.jpg) no-repeat; }
#padlock {
	width: 607px;
	height: 276px;
	float: none;
	color: #ffffff;
	background: url(../images/admin/padlock_op1.jpg) no-repeat;
	margin-top: 75px;

	position:relative;
	margin-left: -304px;
	left: 50%;
	
	padding-left:110px;
	padding-top: 60px;
}
#padlock.error {
	background: url(../images/admin/padlock_error.jpg) no-repeat;
}
#padlock .header
{
	margin-left: 25px;
	margin-top: -30px;
	margin-bottom: 6px;
    font-size: 18px;
}
#padlock .content
{
	width:275px;
}

#adminuser {width: 300px;  float: left; text-align: left; padding-top: 42px; padding-left:8px;
}
#adminuserright {width: 400px;  float: right; text-align: right; padding-top: 42px; padding-right:8px;
}


/*.....................NAVIGATION BAR..............................................*/
#navbar { width: 1000px; height: 28px;position:relative;float:left; text-align: left; color: #000000; background: url(../images/admin/adminnavbar.jpg) 
}



/*#tab_mybox { width: 184px; height: 28px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background: url(../images/admin/nav_mybox_bg.jpg)
}
#myboxtab{ width: 184px; height: 23px; text-align: left; padding-left: 109px; padding-top: 7px;}*/




.tab_myboxes { width: 184px; height: 28px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background: url(../images/admin/nav_myboxes_bg.jpg); }
.tab_mydetails { width: 184px; height: 28px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background: url(../images/admin/nav_mydetails_bg.jpg); }

#mydetailstab{  height: 24px; position:relative;float:left; text-align: left; padding-left:21px; padding-top: 6px;}


#mydetailstext { list-style-type: none;  margin:0px; padding:0px;}
#mydetailstext li { float: left; padding-left: 7px; }
#mydetailstext li a  {
	font-size: 11px;
	color: #88eaff;
	text-decoration: none;
	padding: 0px 13px 8px 9px;
	/*padding: 2px 13px 6px 10px;
	display: block;*/
	font-weight: bold;
}
#mydetailstext li a:hover {color: #ffffff; background: url(../images/admin/mydetails_o.jpg) repeat-x; } /* padding:2px 13px 6px 10px;} */


/*.......field focus............*/


/*......end field focus ....*/


#navbox { width: 770px; height: 28px; float:right; position:relative;}
#navtext { list-style-type: none; margin:0px; padding:0px; }
#navtext li {float: left;}
#navtext li a  {
	font-size: 12px;
	color: #88eaff;
	text-decoration: none;
	padding: 4px 10px 0px 10px;
	display: block;
	font-weight: bold;
}
#navtext li a:hover { font-size: 12px; color: #ffffff; text-decoration: none; padding:4px 10px 0px 10px; display: block; font-weight: bold; }







/* wrapper content for backend pages page*/
#wrapper { width: 1000px; float:left; text-align: left; background: url(../images/design/wrap_admin_bg.gif) repeat-y; }

/*wrapper content for admin page*/
#admincontent {width: 1000px; height:500px; float:left; text-align: left;}




#indentbox_admin{ width: 675px; text-align: left; margin: 10px auto;  padding: 10px 0 5px 10px; border: 1px solid #cbcccd; background:#e7f6ff; }





#col1 { width: 26px; background-color: #4083a5; float: left; background: url(../images/design/leftcolbg.jpg) no-repeat; min-height: 500px; }
/* for IE6 only */
*html #leftcol { width: 26px; float: left; background: url(../images/design/leftcolbg.jpg) no-repeat; min-height: 500px; }



/*....................COLUMN LAYOUT........................*/

	
	
	
#col2 {
	width: 330px;
	min-height:	500px; 
	float: left;
    margin-left: 13px;
	margin-top: 13px;
	text-align: left;
	
}
#col2_feature {
    width: 314px;
	min-height: 40px;
	float: left;
	background-color: #bcdaeb;
	margin: 0px 0px 0px 0px;
	padding: 6px 6px 6px 6px;
	border: 1px solid #8db227 ; 
	}
	
	
#col2_bluehead {
	width: 318px;
	height:	23px; 
	float: left;
	background-color: #4083a5 ;
	margin: 10px 10px 0px 0px;
	padding: 2px 0px 0px 10px;

}
#col2b_feature {
    width: 314px;
	min-height: 60px;
	float: left;
	background-color: #e4f5fd ;
	margin: 0px 0px 0px 0px;
	padding: 6px 6px 6px 6px;
	border: 1px solid #4083a5; 
}










/*.....Points module......*/
#col2_imagehead {
	width: 326px;
	height:	35px; 
	float: left;
	margin-top: 10px;
}
#mypoints_module {
	width: 326px;
	float: left;
	border: 1px solid #8db227;
    background: url(../images/pointsbody_bg.jpg) bottom repeat-x;
}
#mypoints{   
    width: 316px;
	height: 30px;
	float: left;
	text-align:left;		
	padding-left:5px;
    background: url(../images/mypoints_bg.jpg) no-repeat;
}
.pointshead { color: #345387; padding-top: 5px;}
.pointsbody {width: 315px; float: left;  padding-left: 5px;}

#points_title {
    width: 230px;
	height: 25px;
	float: left;
    padding-top: 5px;
	font-size: 1.3em;
	color:#345387;
	}
 
#points_output{
	width: 75px;
	height: 25px;

	text-align: right;
	float: right;
	padding: 5px 3px 0px 0px;
	font-size: 1.3em;
	color:#FFFFFF;
	}
/*.....End Points module......*/











#col3 {
	width: 350px;
	min-height:	500px; 
	float: left;
	margin: 13px 5px;
	text-align: left;
	


}
#col4 {
	width: 270px;
    float: left;
	background-color: #4083a5;
	margin: 0px 0px 0px 1px;
	background: url(../images/admin/col4bg.jpg) repeat-x;
	background-color: #4083a5;

	
}


#col3_bluehead {
	width: 320px;
	height:	23px; 
	float: left;
	background-color: #4083a5 ;
	margin: 0px 10px 0px 10px;
	padding: 2px 0px 0px 10px;
	
}

#col3_greenhead {
	width: 320px;
	height:	22px; 
	float: left;
	background-color: #8db227 ;
	margin: 0px 10px 0px 10px;
	padding: 2px 0px 0px 10px;
	
}
#col3_feature {
    width: 316px;
	min-height: 60px;
	float: left;
	background-color: #e4f5fd ;
	margin: 0px 10px 10px 10px;
	padding: 6px 6px 6px 6px;
	border: 1px solid #4083a5; 
	}
	
#col3_featuregreen {
    width: 316px;
	min-height: 60px;
	float: left;
	background-color: #e4f5fd ;
	margin: 0px 10px 10px 10px;
	padding: 6px 6px 6px 6px;
	border: 1px solid #8db227; 
	}
	
#col3_innerfeature {
    width: 290px;
	min-height: 40px;
	float: left;
	background-color: #e8feab ;
	margin: 0px 0px 0px 6px;
	padding: 6px 6px 6px 6px;
	border: 1px solid #8db227 ; 
	}	
	
	
	
	
#col2_fbox { margin-top: 10px;  margin-left: 10px; width: 300px; float: left; border: 1px solid #4083a5; background-color: #FEFEFE ; min-height:250;}

#col2_head_blue { width: 300px; height: 23px; float: left; background-color: #4083a5;
}
#col2_fbox_body {
	width: 302px;
	height: 100px;
	margin: 27px 0px 0px 0px;
	border: 1px solid #4083a5;
	color: #cfcfcf;
	padding: 10px 10px 10px 10px;
	
}



#col4_fbox { margin-top: 14px;  margin-left: 11px; width: 250px; float: left;  background-color: #FEFEFE ;}

#col4_head_blue { width: 250px; height: 23px; float: left; background-color: #4083a5; padding: 0px 0px 0px 10px;
}
#col4_head_green { width: 250px; height: 23px; float: left; background-color: #8db227; padding: 0px 0px 0px 10px;
}
#col4_head_white{ width: 250px; height: 23px; float: left; background-color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px;
}
#col4_fbox_body {
	width: 250px;
    margin: 27px 0px 0px 0px;
	border: 1px solid #4083a5;
	color: #cfcfcf;
	padding: 0px 0px 0px 0px;
	
}

#col2_3 {
	width: 693px;
	min-height:	500px; 
	float: left;
	margin: 13px 5px;
	text-align: left;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}


.imglink {
  color: #000;
  background: url(../images/arrow_grey.gif) no-repeat right 4px;
  padding: 0px 16px 0px 0;
}

.imglink:hover {
  color: #0088CC;
  background: url(../images/arrow_blue.gif) no-repeat right 4px;
  padding: 0px 16px 0px 0;
}
.imglinkh1 {
  color: #000;
  background: url(../images/arrow_grey.gif) no-repeat right ;
  padding: 0px 16px 5px 0px;
}

.imglinkh1:hover {
  color: #0088CC;
  background: url(../images/arrow_blue.gif) no-repeat right ;
  padding: 0px 16px 5px 0px;
}
/*.......field focus............*/

.highLightInput {
 background-color: #cceff7;
 background-image: none;
}
/*......end field focus ....*/

/*.....................ADMIN SIDEBAR ONE..............................................*/
.adminsidemenu{
width: 246px; 
margin-left: 12px;
margin-top: 14px;
float:left;
}
.adminsidemenu .menuheader{
	font-size: 15px;
	color: #FFFFFF;
	padding: 4px 0px 6px 30px;
	cursor: hand;
	cursor: pointer;
	margin-bottom: 0px;
	border-bottom: 1px solid ;
	border-bottom-color: #4083a5;
	background-color: #5492b0;
}

.adminsidemenu .menuheader:hover{
	color: #FFFFFF;
margin-bottom: 0px;
	background-color: #5aa9cf;
}

.adminsidemenu .openheader{ 

color: #FFFFFF;
margin-bottom: 0px; 
padding: 4px 0px 6px 20px;
background-color: #8db227 ;

}
.adminsidemenu .openheader:hover{
background-color: #8db227 ; }


.adminsidemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 6px 6px 6px 6px;
	margin-bottom: 0px; 
	color: #183763;
	background-color: #4BA2CB;
}
.adminsidemenu ul li{padding-bottom: 0px; 


}
.adminsidemenu ul li a{
	background: url(/images/sqblue.gif) no-repeat  left; /*custom bullet list image*/
    display: block;
	padding: 2px 0;
	padding-left: 12px;
    font-size: 11px;
	color: #FFFFFF;
	background-color:    #183763;
	/*darker rightcolblue*/
	font-weight: bold;
}
.adminsidemenu ul li a:visited{
	
}
.adminsidemenu ul li a:hover{ 
background: url(/images/sqgrey.gif)  no-repeat center left; 
}
/*.....................END SIDEBAR ONE.........................................*/
/*...........................................................................*/

/*............................................................................*/
/*.....................ADMIN SIDEBAR TWO......................................*/
.adminsidemenu2{
width: 246px; 
margin-left: 12px;
margin-top: 12px;
}
.adminsidemenu2 .menuheader{
	font-size: 12px;
	color: #FFFFFF;
	padding: 1px 0px 2px 30px;
	cursor: hand;
	cursor: pointer;
	margin-bottom: 0px;
	border-bottom: 1px solid ;
	border-bottom-color: #4083a5;
	background-color: #397693;/*<a href="../admin_admin.html">Login</a>*/
}

.adminsidemenu2 .menuheader:hover{
	color: #FFFFFF;
margin-bottom: 0px;
	background-color: #4B96BA;
}

.adminsidemenu2 .openheader{ 

color: #FFFFFF;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 2px 0px 3px 20px;
background-color: #8db227 ;

}
.adminsidemenu2 .openheader:hover{
background-color: #8db227; }






.adminsidemenu2 ul{
	list-style-type: none;
	margin: 0;
	padding: 6px 6px 6px 6px;
	margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
	color: #183763;
	background-color: #4BA2CB;
}
.adminsidemenu2 ul li{padding-bottom: 0px; 


}
.adminsidemenu2 ul li a{
	background: url(/images/sqblue.gif) no-repeat  left; /*custom bullet list image*/
    display: block;
	padding: 2px 0;
	padding-left: 10px;
    font-size: 10px;
	color: #FFFFFF;
	background-color:    #183763;
	/*darker rightcolblue*/
	font-weight: bold;
}
.adminsidemenu2 ul li a:visited{
	
}
.adminsidemenu2 ul li a:hover{ 
background: url(/images/sqgrey.gif)  no-repeat center left; 
}
/*.................END SIDEBAR TWO.................................*/
/*..................................................................................................*/



#adminfooter { float:left; text-align: left; width: 1000px; height: 79px; background: url(../images/design/footer_backend.jpg) no-repeat; }

#footshadow { 
width: 1001px;
height: 25px; 
float: left;
background:  url(../images/design/footer5hover.jpg) no-repeat top;

}
/*...................BOX LIST DISPLAY.........................................*/

.grouplist {
	margin:0;
	padding:0;
	list-style:none;
}
.grouplist li {
	margin-bottom:4px;
	background:#f4f4f4;
	padding:0 4px;
}
* html .grouplist li {
	height:0;
}
.grouplist li:hover {
	background:#aacde0
}
.grouplist .date {
	width:300px;
	border-bottom:1px solid #cbcbcb;
	font-size:85%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#828282;
	padding:0 0 2px 0;
	margin-bottom:10px
}
.grouplist .thumb {
	width:50px;
	height:50px;
	background:#ccc;
	float:left;
	margin-top:5px;
	margin-right:5px;
}
.grouplist .info {
	float:left;
	/*width:40em;*/
	margin-top:10px;
}
.grouplist .info div {
	color:#828282;
	margin-top:5px;
	font-size:85%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.grouplist a {
	position:relative;
	z-index:100
}
.grouplist .odd {
	background:#e6e6e6;
}

/*...................END BOX LIST DISPLAY.........................................*/


/*...................FORM CUSTOMISATIONS (LOGIN)..................................*/
.button input {
	background:#2070a8 url(../images/button-bg.jpg) repeat-x;
	color:#fff;
	border:0;
	height:30px;
	font-weight:bold;
	padding:0 10px;
	cursor:pointer;
	border:1px solid #175079;
	margin:6px 0 0 0
}
.button input:hover {
	color:#baf0ff
}
/*...................END FORM CUSTOMISATIONS (LOGIN)..............................*/

/*...................PAGINATION STYLES............................................*/
.pagination {
	padding:20px 0 0 0;
	margin:0;
	list-style:none;
	text-align:center
}
.pagination li {
	display:inline;
	text-align:center;
	margin:0 3px
}
.pagination .active {
	font-weight:bold;
	color:#F60C00
}
.pagination .previous, .pagination .next {
	font-weight:bold;
	font-size:110%;
}
.pagination .previous a {
	background:url(../images/arrow_left.gif) no-repeat 0 50%;
	padding-left:26px;
	border:0
}
.pagination .next a {
	background:url(../images/arrow_right.gif) no-repeat 100% 50%;
	padding-right:26px;
	border:0
}
/*...................END PAGINATION STYLES........................................*/

/*...................CENTERING STYLE (Buggered if i know why its called that).....*/
.centering {
	list-style:none;
	margin:0;
	padding:0
}
.centering li {
	padding:0 0 6px 0
}
.centering span {
	float:left;
}
.centering .name {
	width:115px;
	text-align:right;
	margin-right:5px;
	margin-top:1px;
	font-weight:bold;
}
.centering .value {
}
/*...................END CENTERING STYLE (Buggered if i know why its called that).*/


form fieldset {
	border:0;
	margin:0;
	padding:0
}

#box0 {
	height:auto;
	width:550px;
	float:left;
	margin-left:119px;
	border-color:#CCCCCC;
	border:thin;
}
#box1 {
	height:auto;
	width:380px;
	padding:4px;
	border: 1px dotted #999999;
}
#box2 {
	height:auto;
	margin-top:8px;
	width:380px;
	padding:4px;
	border: 1px dotted #999999;
}
#box3 {
	height:auto;
	width:500px;
	padding:2px;
	float:left;
	border-color:#CCCCCC;
	border:thin;
	margin-left:0px;
}

/* ....................... CHECK OUT REGISTRATION ....................................... */

/* ....................... END CHECK OUT REGISTRATION ................................... */


/* ....................... CHECK OUT ....................................... */

.division_wrap
{
	width: 480px;
	margin: 20px auto;
}

.division_left {
	width:155px;
	float:left;
	text-align:right;
	margin-left:30px;
	margin-bottom:10px;
	padding-top:2px;
}

.division_left p {
	margin:0;
}

.division_left p.bold {
	font-weight:bold;
}

.division_right {
	width:221px;
	float:left;
	margin-bottom:10px;
	text-align:left;
	padding-left:5px;
}

.division_right input.input {
	width:207px;
	height:20px;
	border:1px #adadad solid;
}

.division_right input.sign-in {
	width:80px;
}



.division_right p {
	width:181px;
	text-align:left;
	margin:0;
}

.division_right p.bold {
	font-weight:bold;
}

/* ....................... CHECK OUT END.................................... */