@charset "utf-8";
/* CSS Document */



/*background-color:#390;*/
/*For IE*/
/*filter:alpha(opacity=60);*/
/*All Other*/
/*opacity:0.6;*/


html, body{ background:#fff; text-align:center; margin:0; padding:0; border:none; height:100%; }
img {border:0;}

.cleared { clear:both; }




/* wrapper divs */
.custom-checkbox, .custom-radio { position: relative; }
	
/* input, label positioning */
.custom-checkbox input, .custom-radio input { position: absolute; left: 2px; top: 3px; margin: 0; z-index: 0; }

.custom-checkbox label, 
.custom-radio label {display: block; position: relative; z-index: 1; font-size: 1.3em; padding-right: 1em; line-height: 1; padding: .5em 0 .5em 30px; margin: 0 0 .3em; cursor: pointer; }

.custom-checkbox label { background:url(../images/checkbox.gif) no-repeat; }
.custom-radio label { background: url(../images/radiobutton.gif) no-repeat; }
.custom-checkbox label, .custom-radio label { background-position: -10px -14px; }

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {	background-position: -10px -114px; }

.custom-checkbox label.checked, 
.custom-radio label.checked { background-position: -10px -214px; }

.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus { background-position: -10px -314px; }

/* 
Not Needed /////////////////////////////////////*/
.custom-checkbox label.focus, 
.custom-radio label.focus { outline: 1px dotted #ccc; }



/*
TOP AREA
*************************************************************************************
*************************************************************************************/

#top { position:relative; width:956px; height:auto; clear:both; background-color:#fff; cursor:default; margin-left:auto; margin-right:auto; text-align:center; }
#main { position:relative; width:955px; height:auto; cursor:default; margin:0px auto 0px auto; clear:both; }
#header { position:relative; width:956px; height:93px; cursor:default; margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto; clear:both; } 
#logo_container { position:relative; width:auto; height:auto; cursor:pointer; float:left; /*display:block;*/ margin-top:5px; margin-left:10px; }

/* Logos Area */
.logos_area_wrapper { position:relative; float:left; width:auto; height:auto; margin:5px 0px 0px 5px; }
.beta { position:relative; float:left; width:37px; height:10px; float:left; margin:0px 0px 0px 10px; background:url(../images/beta.png) no-repeat; clear:both; }

.logo { position:relative; float:left; width:300px; height:55px; margin:0px 0px 5px 0px; cursor:pointer; clear:both; }
.logo_subtitle { position:relative; float:left; width:303px; height:12px; margin:0px 0px 0px 15px; background:url(../images/act_click_sublogo.png) no-repeat; clear:both; }




/* Login wrapper area */

/* Login buttons */
.login_buttons_wrapper { position:relative; float:right; width:auto; height:auto; margin:5px 15px 0px 0px; }
/* Login user name show */
.user_login { position:relative; float:left;  width:360px; height:20px; margin:5px 0px 0px 5px; text-align:left; }


/*
NAVIGATION AREA
*************************************************************************************
*************************************************************************************/

#index_menu_navigation_container { position:relative; width:auto; height:auto; /*overflow:hidden;*/ cursor:default; margin:0px auto 0px auto; clear:both; }
#index_menu_navigation { position:relative; width:950px; height:auto; overflow:hidden; cursor:default; margin:0px auto 0px auto; }
#top_menu_left { position:relative; width:300px; height:auto; overflow:hidden; cursor:default; float:left; text-align:left; margin:0px 0px 0px 15px; }
#top_menu_right { position:relative; width:580px; height:70px; overflow:hidden; float:right; text-align:left;  margin:3px 0px 0px 0px; }

/*
MIDDLE AREA
*************************************************************************************
************************************************************************************/
/*
#main { position:relative; width:952px; height:auto; cursor:default;  margin:3px auto 10px auto; clear:both; }*/
#main_container_center { position:relative; width:955px; height:auto; overflow:hidden; background:url(../images/layout_assets/main_back.jpg) repeat-y center; cursor:default; margin:0px auto 0px auto; clear:both; }
#main_center_bottom { position:relative; width:955px; height:14px; overflow:auto; background:url(../images/layout_assets/main_back_bottom.jpg) no-repeat center; cursor:default; margin:0px auto 0px auto; }

/*
BOTTOM AREA
*************************************************************************************
*************************************************************************************/

#bottom { position:relative; bottom:0; width:auto; overflow:auto; clear:both; }

#footer { position:relative; width:956px; height:auto; overflow:auto; margin:0px auto 0px auto; clear:both; }