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

/************************************************************************************
*************************************************************************************

LOGIN PAGE ONLY

*************************************************************************************
*************************************************************************************/

#top_popup_window { width:396px; height:auto; margin-left:auto; margin-right:auto; margin-top:2%; }

/* Tab Buttons */
#login_button { width:111px; height:33px; margin-left:33px; /*float:left;*/bottom:0px; }
#register_button { width:111px; height:33px; margin-left:153px; bottom:0px;}

/* Backgrounds */
#top_popup_window_header { width:396px; height:54px; position:relative; /*background-image:url(../images/login/login_header.png); background-repeat:no-repeat; background-position:bottom left;*/ }
#login_middle_container { width:396px; height:100%; position:relative; /*background-image:url(../images/login/middle_back.png); background-repeat:repeat-y; background-position:top left;*/ }
#login_bottom_container { width:396px; height:9px; position:relative; /*background-image:url(../images/login/bottom_back.png); background-repeat:no-repeat; background-position:top left;*/ }

/* Fields Background */
/*#login_fields_container { width:328px; height:200px; position:relative; margin-left:auto; margin-right:auto; background-color:#4fcee0; text-align:center; }*/
#register_fields_container { width:328px; height:390px; position:relative; margin:0px auto 0px auto; background-color:#4fcee0; }
#retrive_password_fields_container { width:328px; height:100px; position:relative; margin-left:auto; margin-right:auto; background-color:#4fcee0; text-align:center; }

#fields_top { position:relative; width:328px; height:5px; margin-left:auto; margin-right:auto; background-image:url(../images/login/fields_top_back.jpg); background-repeat:no-repeat; background-position:bottom left; }
#fields_bottom { position:relative; width:328px; height:5px; margin:0px auto 10px auto; background-image:url(../images/login/fields_bottom_back.jpg); background-repeat:no-repeat; background-position:top left; }

/*#fields_bottom { position:relative; width:328px; height:5px; margin:0px 0px 10px 30px; background-image:url(../images/login/fields_bottom_back.jpg); background-repeat:no-repeat; background-position:top left; }*/



#fields_container { width:290px; height:auto; position:relative; margin:0px auto 0px auto; text-align:center; }

/*#terms_of_use { width:auto; height:auto; position:relative; margin:5px 0px 0px 15px; float:left; text-align:left;}
#terms_of_use_error { width:auto; height:auto; position:relative; margin:5px 0px 20px 10px; float:left; }
.terms_of_use_text { font-family:'Tahoma', Geneva, sans-serif; color:#fff; font-size:12px; font-weight:normal; text-decoration:none; }*/



#title_container { width:328px; height:20px; margin:0px auto 5px auto; /*margin:0px 0px 0px 20px;*/ }

/********************************************************************************************/
/* Login Panel */
/*#login_panel_container { width:396px; height:auto; text-align:center; }
#login_header { width:396px; height:38px; background-image:url(../images/login/login_header.png); background-repeat:no-repeat; background-position:bottom; }*/

#login_title {z-index:99999; width:136px; height:18px; float:left; position:relative; margin:0px 0px 0px 0px; 
background-image:url(../images/login/login_to_actclick.jpg); background-repeat:no-repeat; background-position:top left; }

/* Fields */
#login_email_title { width:180px; height:10px; float:left; position:relative; margin:5px 0px 10px 0px; background-image:url(../images/login/login_email_title.jpg); background-repeat:no-repeat; }
#login_email_field { width:290px; height:30px; float:left; position:relative; text-align:left; margin:0px 0px 30px 0px; background-color:#fff;}

#login_password_title { width:180px; height:10px; float:left; position:relative; margin:5px 0px 10px 0px; background-image:url(../images/login/login_password_title.jpg); background-repeat:no-repeat; }
#login_password_field { width:290px; height:30px; float:left; position:relative; text-align:left; margin:0px 0px 30px 0px; background-color:#fff;}

/*#login_to_actclick_button { width:321px; height:65px; margin:5px auto 20px auto; position:relative;}

.login_to_actclick_btn  { display:block; width:321px; height:65px; text-indent:-99999px; background-image:url(../images/login/login_to_actclick_btn.jpg); background-repeat:no-repeat; background-position:0px -65px;}
.create_an_account_btn:hover {background-position:0px 0px;}
*/


/********************************************************************************************/
/* Register Panel */

#register_panel_container { width:396px; height:auto; text-align:center; }
/*#register_header { width:396px; height:38px; background-image:url(../images/login/register_header.png); background-repeat:no-repeat; background-position:bottom; }*/

#register_title { z-index:99999; width:147px; height:17px; float:left; position:relative; margin:0px 0px 0px 0px; 
background-image:url(../images/login/create_account_title.jpg); background-repeat:no-repeat; background-position:top left; }

/* Fields */
#register_username_title { width:290px; height:10px; float:left; position:relative; margin:5px 0px 10px 0px; background-image:url(../images/login/login_username_title.jpg); background-repeat:no-repeat; }
#register_username_field { width:290px; height:30px; float:left; text-align:left; position:relative; text-align:left; margin:0px 0px 30px 0px;  background-color:#fff;}

#register_email_title { width:180px; height:10px; float:left; position:relative; margin:5px 0px 10px 0px; background-image:url(../images/login/login_email_title.jpg); background-repeat:no-repeat; }
#register_email_field { width:290px; height:30px; float:left; position:relative; text-align:left; margin:0px 0px 30px 0px; background-color:#fff;}

#register_password_title { width:180px; height:10px; float:left; position:relative; margin:5px 0px 10px 0px; background-image:url(../images/login/login_password_title.jpg); background-repeat:no-repeat; }
#register_password_field { width:290px; height:30px; float:left; position:relative; text-align:left;margin:0px 0px 30px 0px; background-color:#fff;}

#register_cpassword_title { width:180px; height:10px; float:left; position:relative; margin:5px 0px 10px 0px; background-image:url(../images/login/login_cpassword_title.jpg); background-repeat:no-repeat; }
#register_cpassword_field { width:290px; height:30px; float:left; position:relative; text-align:left; margin:0px 0px 30px 0px; background-color:#fff;}


#create_an_account_button { width:321px; height:65px; margin:5px auto 20px auto; position:relative;}

.create_an_account_btn  { display:block; width:321px; height:65px; text-indent:-99999px; background-image:url(../images/login/create_an_account_btn.jpg); background-repeat:no-repeat; background-position:0px -65px;}
.login_to_actclick_btn:hover {background-position:0px 0px;}


/********************************************************************************************/
/* Retrive Password */

#retrive_password_title { z-index:99999; width:145px; height:15px; float:left; position:relative; margin:0px 0px 0px 0px; 
background-image:url(../images/login/retrive_password_title.jpg); background-repeat:no-repeat; background-position:top left; }

#retrive_password_button { width:321px; height:65px; margin:5px auto 20px auto; position:relative;}
.retrive_password_btn { display:block; width:321px; height:65px; text-indent:-99999px; background-image:url(../images/login/retrive_password_btn.jpg); background-repeat:no-repeat; background-position:0px -65px;}
.retrive_password_btn:hover {background-position:0px 0px;}



/*
#wrapper_mask { position:absolute; z-index:99999; text-align:center; background-image:url(../images/mask_bg.png); background-repeat:repeat; position: fixed; bottom:0px; left:0px; width:100%; height:100%; }
*/

ImageButton { cursor: pointer; }
#BtnLogin { cursor: pointer; }
#BtnSignUp { cursor: pointer; }
#BtnSignOut { cursor: pointer; }



/***************************************************************************************************************************************************************
****************************************************************************************************************************************************************
Button Styles
******************************************************
******************************************************/

/* some styling for triggers */
#triggers {	text-align:center; width:auto; }
#triggers img {	cursor:pointer;	margin:0 5px; background:#000; border:1px solid #ccc; padding:5px; /*-moz-border-radius:4px; -webkit-border-radius:4px;*/ }
#triggers img:hover { background:#993; }


/* styling for elements inside overlay */
.details { position:absolute; top:15px;	right:15px;	font-size:11px;	color:#fff;	width:150px; }
.details h3 { color:#aba; font-size:15px; margin:0 0 -10px 0; }


/***************************************************************************************************************************************************************
****************************************************************************************************************************************************************
Pop Up Boxes Styles
******************************************************
******************************************************/


/* the overlayed element */
.simple_overlay { /* must be initially hidden */  /* place overlay on top of other elements */ z-index:99999;
/* styling */
background-color:#333; width:675px;	min-height:200px; border:1px solid #666; /* CSS3 styling for latest browsers */	/*-moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000;	*/ }

/* close button positioned on upper right corner */
.simple_overlay .close { background-image:url(../img/overlay/close.png); background:#F30; position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }


	
	
.user_access_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:50px auto 0px auto; }
.user_access_wrapper .bg_top { position:relative; width:796px; height:36px; overflow:hidden; margin:0px auto 0px auto; background:url(../images/login/bg_top.png) no-repeat bottom; }
.user_access_wrapper .bg_middle { position:relative; width:796px; height:auto; overflow:hidden; margin:0px auto 0px auto; background:url(../images/login/bg_middle.png) repeat-y top; }
.user_access_wrapper .bg_bottom { position:relative; width:796px; height:8px; overflow:hidden; margin:0px auto 0px auto; background:url(../images/login/bg_bottom.png) no-repeat bottom; }

/*.user_access_wrapper .close_btn_wrapper { position:relative; float:right; width:36px; height:36px; overflow:hidden; margin:0px 0px 0px 0px; }
.user_access_wrapper .close_btn { display:block; width:36px; height:36px; text-indent:-99999px; background-image:url(../images/login/close_btn.png); background-repeat:no-repeat; background-position:0px -36px;}
.user_access_wrapper .close_btn:hover {background-position:0px 0px;}*/

.user_access_wrapper .header { position:relative; width:796px; height:93px; overflow:hidden; margin:0px auto 0px auto; background:url(../images/login/header_bg.png) no-repeat bottom left; }
.user_access_wrapper .content_wrapper { position:relative; width:776px; height:auto; overflow:hidden; margin:5px auto 0px auto; }
.user_access_wrapper .content_wrapper .content_left_wrapper { position:relative; float:left; width:372px; height:auto; overflow:hidden; margin:0px 0px 0px 0px; }
.user_access_wrapper .content_wrapper .content_right_wrapper { position:relative; float:right; width:403px; height:auto; overflow:hidden; margin:0px 0px 0px 0px; border-left:#CCC solid 1px; }

/****************************************
/* Login Button */
.user_access_wrapper .content_left_wrapper .login_btn_wrapper { position:relative; float:left; width:99px; height:34px; overflow:hidden; margin:20px 0px 0px 10px; }
.user_access_wrapper .content_right_wrapper .login_btn_wrapper { position:relative; float:right; width:99px; height:34px; overflow:hidden; margin:0px 0px 0px 0px; }
.user_access_wrapper .login_btn { display:block; width:99px; height:34px; text-indent:-99999px; background-image:url(../images/login/login_btn.png); background-repeat:no-repeat; background-position:0px -34px; }
.user_access_wrapper .login_btn:hover {background-position:0px 0px;}

/****************************************
/* Register Button */
.user_access_wrapper .content_left_wrapper .register_btn_wrapper { position:relative; width:99px; height:34px; overflow:hidden; margin:20px 0px 0px 10px; }
.user_access_wrapper .content_right_wrapper .register_btn_wrapper { position:relative; width:99px; height:34px; overflow:hidden; margin:30px 0px 0px 0px; }
.user_access_wrapper .register_btn { display:block; width:99px; height:34px; text-indent:-99999px; background-image:url(../images/login/register_btn.png); background-repeat:no-repeat; background-position:0px -34px; }
.user_access_wrapper .register_btn:hover {background-position:0px 0px; }



/************************************************************************************
Right col
***********************************************************************************/
#error_msg_container { position:relative; width:auto; height:auto; float:left; padding:0px 0px 0px 0px; }
.user_access_wrapper .error_msg { position:relative; float:left; width:280px; height:20px; margin:3px 0px 0px 0px; padding:3px; position:relative; background:#ffe5e5; border:#F00 solid 1px; clear:both; }

/****************************************
/* Login Panel */
.user_access_wrapper .content_wrapper .content_right_wrapper .login_panel_wrapper { position:relative; width:292px; height:auto; overflow:hidden; margin:0px auto 20px auto; }
.user_access_wrapper .content_wrapper .content_right_wrapper .title { position:relative; width:292px; height:auto; overflow:hidden; margin:0px auto 0px auto; clear:both; }
.user_access_wrapper .content_wrapper .content_right_wrapper .maintitle_wrapper { position:relative; width:292px; height:50px; overflow:hidden; margin:0px auto 0px auto; }
.content_wrapper .fields { width:290px; height:30px; float:left; position:relative; text-align:left; margin:0px 0px 25px 0px; border:#CCC solid 1px; }
.content_wrapper input:hover { background:#FFF; border:#9eca19 solid 1px; }
.content_wrapper input:focus { background:#ecf7cc; border:#9eca19 solid 1px; }
.content_wrapper input:focus:hover { background:#ecf7cc; border:#9eca19 solid 1px; }

.user_access_wrapper .content_wrapper .content_right_wrapper .fields input { width:285px; height:20px; border:0 none; display:block; padding:5px 0px 5px 5px; float:left; text-align:left !important; }
.user_access_wrapper .content_wrapper .content_right_wrapper .fields_text { width:285px; height:20px; border:0 none; display:block; padding:5px 0px 5px 5px; float:left; text-align:left !important; }
.user_access_wrapper .content_wrapper .content_right_wrapper select { width:285px !important; height:30px; border:0 none; display:block; padding:5px 0px 5px 5px; float:left; line-height:30px; }


.user_access_wrapper .content_wrapper .content_right_wrapper .forgot_password_wrapper { position:relative; float:left; width:auto; height:30px; margin:0px 0px 0px 0px; }

/****************************************
/* Register Panel */
.user_access_wrapper .content_wrapper .content_right_wrapper .register_panel_wrapper { position:relative; width:292px; height:auto; overflow:hidden; margin:10px auto 0px auto; }
.user_access_wrapper .content_wrapper .content_right_wrapper .register_panel_wrapper .terms_wrapper { position:relative; float:left; width:auto; height:30px; margin:10px 0px 0px 0px; }



/************************************************************************************
Left col
***********************************************************************************/
/* Register Panel */
.user_access_wrapper .content_wrapper .content_left_wrapper .register_panel_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; text-align:left; }

.user_access_wrapper .content_wrapper .content_left_wrapper .sm_connectors_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; text-align:left; }

.content_left_wrapper .register_panel_wrapper .fb_connect_btn_wrapper { position:relative; float:left; width:229px; height:37px; overflow:hidden; margin:20px 0px 0px 10px; }
.content_left_wrapper .register_panel_wrapper .fb_connect_btn { display:block; width:229px; height:37px; text-indent:-99999px; background-image:url(../images/login/fb_connect_btn.png); background-repeat:no-repeat; background-position:0px -37px; }
.content_left_wrapper .register_panel_wrapper .fb_connect_btn:hover {background-position:0px 0px; }

.content_left_wrapper .register_panel_wrapper .tw_connect_btn_wrapper { position:relative; float:left; width:229px; height:37px; overflow:hidden; margin:20px 0px 0px 10px; }
.content_left_wrapper .register_panel_wrapper .tw_connect_btn { display:block; width:229px; height:37px; text-indent:-99999px; background-image:url(../images/login/tw_connect_btn.png); background-repeat:no-repeat; background-position:0px -37px; }
.content_left_wrapper .register_panel_wrapper .tw_connect_btn:hover {background-position:0px 0px;}


/************************************************************************************
Retrive Password
***********************************************************************************/


/****************************************
/* Retrive Button */
.user_access_wrapper .content_right_wrapper .retrive_password_btn_wrapper { position:relative; width:99px; height:34px; overflow:hidden; margin:30px 0px 0px 0px; }
.user_access_wrapper .retrive_password_btn { display:block; width:99px; height:34px; text-indent:-99999px; background-image:url(../images/login/retrive_password_btn.png); background-repeat:no-repeat; background-position:0px -34px; }
.user_access_wrapper .retrive_password_btn:hover {background-position:0px 0px; }



/************************************************************************************
Pop Up Window
***********************************************************************************/

/* use a semi-transparent image for the overlay */
#overlay { /*background-image:url(/img/overlay/transparent.png); background:#666;*/ width:796px; height:auto; }

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap { width:796px; height:auto; /*overflow-y:auto;*/ }

/* get rid of those system borders being generated for A tags */
a:active { outline:none; }

:focus { -moz-outline-style:none; }


/* the overlayed element */
.apple_overlay { /* initially overlay is hidden */ display:none; /* growing background image */ /*background-image:url(../img/overlay/white.png) ; background:#FFF; */
/* 
width after the growing animation finishes
height is automatically calculated
*/
width:796px; 
/* some padding to layout nested elements nicely  */ /*padding:35px; */
/* a little styling */	font-size:11px; }

/* default close button positioned on upper right corner */
/*.apple_overlay .close { background-image:url(../img/overlay/close.png); background:#06F; position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; }*/

.apple_overlay .close {  }

.apple_overlay .bg_top .close { position:relative; float:right; cursor:pointer; }
.apple_overlay .bg_top .close { display:block; width:36px; height:36px; text-indent:-99999px; background-image:url(../images/login/close_btn.png); background-repeat:no-repeat; background-position:0px -36px; }
.apple_overlay .bg_top .close:hover {background-position:0px 0px;}

#exposeMask { background:#333!important; }