/* ------------------ Global Settings ------------------ */


#esanum *
{
    margin: 0;
    padding: 0;
    border: 0;
}

#esanum html
{
    height: 100%;
}

#esanum body 
{
    font: 12px/1.5  Arial, sans-serif;
    color: #000000;    
    background: url(/pix/tmpl_pix/background_body.gif) repeat-y top center;
    height: 100%;
}

#esanum ul 
{
    list-style:none;
}

#esanum li 
{
    font-size:12px;
    font-weight:bold;
    margin:0;
}

#esanum h1
{
    font-size:14px;
    color: #fff;
    margin: 0px;
    padding: 2px 0 0 5px;
}

#esanum .content h1
{
	color: #5187D9;
	font-size: 16px;
	font-weight: bold;
	line-height: 100%;
	margin-bottom: 20px;
}

#esanum h2 
{
    font-size:18px;
    color:#4a4a4c;
    font-weight:bold;
    padding: 2px 0 0 5px; 
}

#esanum h3 
{
    font-size:12px;
    color:#000;
    font-weight:bold;
    margin: 0 0 10px 0;
}

#esanum h2.green_title, #esanum h3.green_title
{
	font-weight: normal;
	color:#4CB8B8;
}
#esanum h3.green_title
{
	font-size:14px;
	font-weight: bold;
}

#esanum input 
{
    border: 1px solid #A1B3D4; 
    margin-left: -1px;
    padding: 1px;
    padding-right: 0px;
}
* html#esanum input, * html #esanum input {
    margin-left: 0px;
}

/* This is for checkboxes, which should be embedded in a label tag */
#esanum label input
{
    border: none;
    vertical-align: middle;
}

#esanum select 
{
    border: 1px solid #A1B3D4;  
    margin-left: -1px;
    padding: 2px;
}

#esanum textarea
{
    border: 1px solid #A1B3D4; 
    margin-left: -1px;
    padding: 2px;
    padding-right: 0px;
}

#esanum input[type="checkbox"] {
	border: none;
}

#esanum input.button
{
    border: none;
    height:23px;
    vertical-align:middle;
    margin-left:3px;
    outline:none;
}

#esanum label 
{
    display:block;
    font-size: 12px;
    font-weight: bold;
}

#esanum input.failure,
#esanum select.failure,
#esanum textarea.failure
{
    border:2px solid #fd89d8;
    background-color: #fff;
} 

#esanum div.failure_text
{   
    font-size: 12px;
    font-weight: bold;
    color: #fd89d8;
}

#esanum div.failure_text img
{   
   margin: 0 10px 0 0;
}

#esanum p
{
    font-size: 12px;
}

#esanum td
{
    font-size: 12px;
    padding: 0 10px 0 10px;
}

#esanum button.button_search,
#esanum input.button_search
{
    width: 82px;
    height: 23px;
    border: none;
    cursor:pointer;
    background: transparent url(/pix/btn_pix/button_82px.gif) no-repeat;
}

#esanum div.button_div
{
    float:right;
}

#esanum button.button_search2,
#esanum input.button_search2
{
    width: 102px;
    float: right;
    height: 23px;
    border: none;
    cursor:pointer;
    background: transparent url(/pix/btn_pix/button_102px.gif) no-repeat;
    margin-right:10px
}

#esanum button.button_search3,
#esanum input.button_search3
{
    width: 82px;
    float: right;
    height: 23px;
    border: none;
    cursor:pointer;
    background: transparent url(/pix/btn_pix/button_82px.gif) no-repeat;
}

#esanum button.button_search4,
#esanum input.button_search4
{
    width: 152px;
    float: right;
    height: 23px;
    border: none;
    cursor:pointer;
    background: transparent url(/pix/btn_pix/button_152px.gif) no-repeat;
}

#esanum button.button_search5,
#esanum input.button_search5
{
    width: 222px;
    float: right;
    height: 23px;
    border: none;
    cursor:pointer;
    background: transparent url(/pix/btn_pix/button_222px.gif) no-repeat;
}

#esanum button.button_search6,
#esanum input.button_search6
{
    width: 44px;
    height: 23px;
    border: none;
    cursor:pointer;
    background: transparent url(/pix/btn_pix/button_44px.gif) no-repeat;
}

#esanum input.button_go
{
	width:82px;
	height: 23px;
	border: none;
	cursor:pointer;
	float: right;
	background: transparent url(/pix/btn_pix/button_82px.gif) no-repeat;
}

#esanum input.button_enter
{
    width: 152px;
    height: 23px;
    border: none;
    cursor:pointer;
    background: transparent url(/pix/btn_pix/button_152px.gif) no-repeat;
}

#esanum input.button_send
{
	cursor:pointer;
    width:102px;
    height: 23px;
    border: none;
    float: right;
    background: transparent url(/pix/btn_pix/button_102px.gif) no-repeat;
}

#esanum input.button_own_mail
{
    width:262px;
    text-align: center;
    height: 23px;
    border: none;
    float: left;
    cursor:pointer;
    background: transparent url(/pix/btn_pix/button_262px.gif) no-repeat;
}


#esanum input.save
{
    width:86px;
    text-align: center;
    vertical-align: bottom;
    height: 23px;
    border: none;
    background: transparent url(/pix/btn_pix/button_82px.gif) no-repeat;
}

#esanum a.button_read
{
	display: block;
    width: 222px;
    height: 23px;
    text-align: center;
    padding: 2px;
    margin-top: 4px;
    color: #666666;
    cursor: pointer;
    background: transparent url(/pix/btn_pix/button_222px.gif) no-repeat;
}


#esanum input.recommend
{
    background:transparent url(/pix/btn_pix/button_2_261.gif) no-repeat;
    float: right;
    border: 0px;
    width: 265px;
    height: 52px;
    color:white;
    font-size:18px;
    text-align:center;
    vertial-align: text-top;
}
#esanum .button_download
{
	width: 200px;
	height: 41px;
	border: none;
	cursor: pointer;
	background: url(/pix/btn_pix/button_download.png) no-repeat 5px top;
	color: #FFFFFF;
	line-height: 38px;
	font-size:18px;
	font-weight: normal;
	text-align: center;
	margin-left: -5px;
}
#esanum a.button_download, #esanum a.button_download:hover
{
	display: block;
	text-decoration: none;
}

#esanum .register5min
{
	background:transparent url(/pix/btn_pix/button_2_171.gif) no-repeat scroll left top;
    border:0px none;
    color:white;
    cursor:pointer;
    font-size:18px;
    height:54px;
    padding-bottom: 15px;
    text-decoration:none;
    width:172px;
}

#esanum #landing_link a.register
{
    width: 265px;
    height: 52px;
    border: 0px;
    margin-top:30px;
    background: transparent url(/pix/btn_pix/button_2_261.gif) no-repeat top left;
    cursor: pointer;
    color: white;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    padding-top:6px;
}

#esanum .cl { clear: left; }
#esanum .cr { clear: right; }
#esanum .cb { clear: both; }

#esanum .fl { float: left; }
#esanum .fr { float: right; }

#esanum .b0 { border: 0; }

#esanum .m0 { margin: 0; }
#esanum .mr5 { margin-right: 5px; }
#esanum .mb5 { margin-bottom: 5px; }

#esanum .mr10 { margin-right: 10px; }
#esanum .mb10 { margin-bottom: 10px; }

#esanum .p0 { padding: 0; }

#esanum .normal { font-weight: normal; }

#esanum .spinner {
	background: url(../../../pix/indicator.gif) 50% 50% no-repeat;
	height: 50px;
	width: 100%;
	border: 1px solid silver;
}

#esanum a.selected
{
	text-decoration: none !important;
	color: inherit !important;
	cursor: default !important;
	font-weight: bold !important;
}

/* ------------------ Body Settings ------------------ */

/*- Left Container ------------------------------------------------------------------*/

#esanum #esanum_left,
#esanum body#esanum_search_logout #esanum_container #esanum_left, 
#esanum body#esanum_landing #esanum_container #esanum_left, 
#esanum body#esanum_about #esanum_container #esanum_left,
#esanum body#esanum_register_step2_pj #esanum_container #esanum_left
{
    position:relative;
    float:left;
    width:713px;
    margin: 0 10px 50px 0;
}

#esanum body#esanum_register_step2 #esanum_container #esanum_left,
#esanum body#esanum_register_step3 #esanum_container #esanum_left 
{
    position:relative;
    float:left;
    width:978px;
    margin: 0 10px 50px 0;
}

#esanum body#my_esanum #esanum_container #esanum_left,
#esanum body#profile #esanum_container #esanum_left,
#esanum body#profile_anonym #esanum_container #esanum_left,
#esanum body#write_thread #esanum_container #esanum_left,
#esanum body#my_settings #esanum_container #esanum_left,
#esanum body#my_settings_start #esanum_container #esanum_left,
#esanum body#thread_list #esanum_container #esanum_left,
#esanum body#thread_view #esanum_container #esanum_left,
#esanum body#esanum_search #esanum_container #esanum_left,
#esanum body#esanum_message #esanum_container #esanum_left,
#esanum body#write_message_step01 #esanum_container #esanum_left,
#esanum body#write_message_step02 #esanum_container #esanum_left,
#esanum body#message_list #esanum_container #esanum_left,
#esanum body#esanum_bodylists #esanum_container #esanum_left, 
#esanum body#esanum_activities #esanum_container #esanum_left,
#esanum body#recommend_thread #esanum_container #esanum_left
{
    position:relative;
    float:left;
    width:182px;
    margin: 0 10px 50px 0;  
} 

/*- Right Container -----------------------------------------------------------------*/

#esanum #esanum_right,
#esanum body#thread_view #esanum_container #esanum_right,
#esanum body#esanum_message #esanum_container #esanum_right,
#esanum body#write_message_step01 #esanum_container #esanum_right,
#esanum body#write_message_step02 #esanum_container #esanum_right,
#esanum body#esanum_search_logout #esanum_container #esanum_right,
#esanum body#esanum_static #esanum_container #esanum_right,
#esanum body#esanum_landing #esanum_container #esanum_right,
#esanum body#recommend_thread #esanum_container #esanum_right,
#esanum body#esanum_about #esanum_container #esanum_right,
#esanum body#esanum_register_step2_pj #esanum_container #esanum_right    
{
    position:relative;
    float:right;
    width:255px;
    margin: 0 0 50px 0;
}

#esanum body#my_esanum #esanum_container #esanum_right,
#esanum body#my_settings_start #esanum_container #esanum_right, 
#esanum body#thread_list #esanum_container #esanum_right,
#esanum body#esanum_search #esanum_container #esanum_right,
#esanum body#message_list #esanum_container #esanum_right,
#esanum body#esanum_bodylists #esanum_container #esanum_right,
#esanum body#esanum_activities #esanum_container #esanum_right 
{
    position:relative;
    float:right;
    width:182px;
    margin: 0 0 50px 0;    
} 

#esanum body#profile #esanum_container #esanum_right,
#esanum body#profile_anonym #esanum_container #esanum_right,
#esanum body#write_thread #esanum_container #esanum_right,
#esanum body#my_settings #esanum_container #esanum_right
{
    position:relative;
    float:right;
    width: 786px;
    margin: 0 0 50px 0;  
}

#esanum body#my_settings #esanum_container #esanum_right .greenbox_body_white
{
    padding: 0;
}   

/*- Center Container ----------------------------------------------------------------*/

#esanum #esanum_center
{
    position: relative;
    float: left;
    width: 594px;
    margin: 0 10px 50px 0; 
    outline: none;
}

#esanum body#profile #esanum_center,
#esanum body#thread_view #esanum_center,
#esanum body#esanum_message #esanum_center,
#esanum body#write_message_step01 #esanum_center,
#esanum body#write_message_step02 #esanum_center,
#esanum body#recommend_thread #esanum_center
{
    position: relative;
    float: left;
    width: 521px;
    margin: 0 10px 50px 0; 
    outline: none;
}

/*- Sub Container -------------------------------------------------------------------*/ 

#esanum body#profile #esanum_right #esanum_sub_left,
#esanum body#profile_anonym #esanum_right #esanum_sub_left,
#esanum body#profile_edit #esanum_right #esanum_sub_left
{
    float: left;
    position: relative;  
    display: block;
    width: 521px;
    margin: 0 10px 10px 0;  
}

#esanum body#write_thread #esanum_right #esanum_sub_left
{
    float: left;
    position: relative;  
    display: block;
    width: 594px;
    margin: 0 10px 10px 0;  
}

#esanum #esanum_right #esanum_sub_right
{
    float: left;
    position: relative;
    display: block;
    width: 255px;
}

#esanum body#write_thread #esanum_right #esanum_sub_right
{
    float: left;
    position: relative;
    display: block;
    width: 182px;
}


/* ------------------ Basic Settings ------------------ */

#esanum #esanum_container 
{
    position:relative;
    width:978px;
    margin:0 auto; 
    min-height: 100%;
}

#esanum #esanum_container:after 
{
    content: "."; 
    display: block; 
    height: 100%; 
    clear: both; 
    visibility: hidden;
}


/* ------------------ Pseudo Settings ------------------ */

#esanum a 
{
    color:#5187d9;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
}

#esanum a:hover
{
    text-decoration: underline;
}

/* ------------------ Failure Settings ------------------ */

#esanum #errorcontainer
{
    background: #febee9 url(/pix/tmpl_pix/background_failure_container.gif) repeat-x top left;
    border: 1px solid #fd5ac8;
    padding: 5px 0 5px 10px;
    margin: 0 0 10px 0;
    font-size: 12px;
    font-weight: bold;
}


#esanum #positivecontainer
{
	position: relative;
    background: transparent url(/pix/tmpl_pix/background_positive_container.gif) repeat-x top left;
    border: 1px solid #afdaa4;
    padding: 4px 0 3px 50px;
    margin: 0 0 10px 0;
    font-size: 12px;
    font-weight: bold;
}

#esanum * html #positivecontainer
{
    padding: 5px 0 3px 10px;
}

#esanum #positivecontainer a
{
	color: #0033ff;
	text-decoration: underline;
}

#esanum #positivecontainer img
{
	position: absolute;
	left: 18px;
	top: 3px;
    margin: 2px 10px 2px 0;
}

#esanum table.plain label
{
	display: inline;
	font-weight: normal;
}

#esanum table.plain td, #esanum table.plain th
{
	vertical-align: top;
	padding: 4px;
}

#esanum table.plain th
{
	font-weight: bold;
	text-align: left;
}

#esanum hr.hl
{
	border-top: 1px solid rgb(223, 223, 223);;
	display: block;
}
