/**********/        
/* Global */

html, body{
	background-color:#4A4A4A;
	margin:0;
	padding:0; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:90%; 
	color:#B2B2B2;	
	
}

#container {
	background-color:#4A4A4A;
	margin: auto;
	width:900px;
	height: 800px;
}

/* /Global */
/***********/ 

/**********************/
/* Layout Containers */ 

#header {
	background-color: #4A4A4A;
	background-image: url(../img/design/header02.gif);
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:900px;
	height:138px;
	
}

#left_column {
	background-color: #4A4A4A;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:311px;
	height: auto;
	float: left;	
}


/* Left menu */
#menu {
	width: 100%;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #5E5E5E;
	font-weight: bold;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
                
#menu li {
	border-bottom: 1px solid #5E5E5E;
	margin: 0;
}

#menu li a {
	display: block;
	padding: 10px 10px 10px 10px;
	border-left: 10px solid #4A4A4A;
	background-color: #4A4A4A;
	color: #CCCCCC;
	text-decoration: none;
	width: 281px;
}

#menu li a:hover {
	border-left: 10px solid #CC0000;
	background-color: #595959;
	color: #CCCCCC;
}
/* /Left menu */


#log_in {
	background-color: #5B5B5B;
	margin:25px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:311px;
	height: 120px;
}

#pass_recovery {
	background-color: #4A4A4A;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:311px;
	text-align: center;	
}

#register {
	background-color: #4A4A4A;
	background-image: url(registration01.gif);
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:311px;
	height: 86px;
}

#register_link {
	position: absolute;
	padding:50px 0px 0px 209px;
}

#total {
	background-color: #4A4A4A;
	width:311px;
	text-align: center;	
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#corporate_box {
	width:547px;
	height: auto;
	margin: 40px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float: right;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:150%;
	color:#CCCCCC;
}

#flash_box {
	background-color: #4A4A4A;
	background-image: url(../img/design/02.jpg);	
	width:547px;
	height: 300px;
	margin: 5px 0px 0px 0px;
	float: right;	
}

#welcome_box {
	background-image: url(../img/design/welcome_text02.gif);	
	width:547px;
	height: 97px;
	margin: 14px 0px 0px 0px;
	float: right;	
}

#content_box {
	background-color: #4A4A4A;
	width:575px;
	height: auto;
	margin: 30px 0px 40px 0px;
	float: right;	
}


#footer {
	background-color: #727272;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:900px;
	height: 13px;
	clear: both;
}

/* /Layout Containers */ 
/**********************/


/**********/        
/* Links */
a:link {color:#999999;}
a:visited {color:#999999;}
a:active {color:#999999;}
a:hover {color:#CCCCCC;}

a.link01:link {COLOR: #999999; FONT-SIZE: 85%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underlibe; FONT-WEIGHT: bold;}
a.link01:active {COLOR:#999999; FONT-SIZE: 85%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underlibe; FONT-WEIGHT: bold;}
a.link01:visited {COLOR: #999999; FONT-SIZE: 85%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underlibe; FONT-WEIGHT: bold;}
a.link01:hover {COLOR: #ACACAC; FONT-SIZE: 85%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underlibe; FONT-WEIGHT: bold;}

a.link02:link {COLOR: #CCCCCC; FONT-SIZE: 85%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; FONT-WEIGHT: bold;}
a.link02:active {COLOR: #CCCCCC; FONT-SIZE: 85%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; FONT-WEIGHT: bold;}
a.link02:visited {COLOR: #CCCCCC; FONT-SIZE: 85%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; FONT-WEIGHT: bold;}
a.link02:hover {COLOR: #ACACAC; FONT-SIZE: 85%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; FONT-WEIGHT: bold;}

/* /Links */
/**********/ 


/**********/        
/* Fonts */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:150%;
	color:#B2B2B2;
	font-weight: bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#999999;
	font-weight: bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	font-weight: bold;
	margin:8px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}

.text01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
}

/* /Fonts */
/**********/ 


/**********/        
/* Forms */
form {
	margin: 0;
	padding: 0;
}

.botton1 {
	background-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E6E6E6;
	font-weight: bold;
}

.input1 {
	border: #999999 1px solid;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
/***********/        
/* /Forms */


/**********/        
/* Other */
.hr1 {
	background-color: #535353;
	border: 0;
	color:#535353;
	width:100%;
	height: 4px;
	margin:20px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}
/**********/        
/* /Other */

#pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
#pagination  {position:relative;text-align:right}
#pagination  a:link, #pagination a:visited, #pagination a:hover, #pagination a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
#pagination  a:hover {background:#9999cc;color:#fff}
#pagination  span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
#pagination * {margin:0}
#pagination h4 {margin-top:-1.45em;padding:0;border:none}
#pagination strong { background:#494949;padding:2px 5px;border: 1px solid #ccc; color:#fff }

#context_box #news_list {
	
}

#news_list ul {
	
}

#news_list li {
	list-style: none;
	border-bottom: 1px solid #B2B2B2;
	padding: 5px 5px 5px 5px;
}

#news_list li span.news_title {
	font-size: 14pt;
	clear:both;
}

#news_list li p.news_text {
text-align: justify;
}

#news_list li p.news_date {
	font-size: 10pt;
	width: 100%;
	text-align: right;
}

#content_box .page_body {
	padding: 5px 5px 5px 40px;
}

.error {
	color: Red;
}

/* FORMS */
form.f1 {width:100%;padding: 2em 0;background: #f6f6f6; border-top: 1px solid #d7d7d7;position:relative}
form.f1 fieldset {width:auto;margin: 0 1em}
form.f1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
form.f1 label { clear:left;float:left;border-top: 1px solid #fff;padding-left: 2em;}
                
/* hide from IE mac \*/
form.f1 label {float:none}
/* end hiding from IE5 mac */
        
form.f1 label input, form.f1 label textarea, form.f1 label select
 {
    width:25em;
    margin-left:10px;
 }
 
 form.f1 input.f-id {
          width:5em;
 }
 
 form.f1 input.f-name {
          width:15em;
 }
 
 form.fq input.f-description {
         width: 25em;
 }
form.f1 label checkbox {width:2em;margin-left:10px;}
form.f1 label strong .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
form.f1 label strong {float:left;width:3em;line-height: 1.7;display:block;position:relative}
form.f1 label b {float:left;width:15em;line-height: 1.7;display:block;position:relative}
form.f1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
form.f1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
form.f1 div.req b {color:#c00;font-size:140%}
form.f1 label select {width: 15.5em}
form.f1 div.f-submit-wrap {float:right; width: 440px; }
form.f1 input.f-submit {padding: 1px 1px 1px 1px;float: left;}

form.f1 fieldset.f-checkbox-wrap, form.f1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
form.f1 fieldset.f-checkbox-wrap b, form.f1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
form.f1 fieldset.f-checkbox-wrap fieldset, form.f1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
form.f1 fieldset.f-checkbox-wrap label, form.f1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
form.f1 label input.f-checkbox, form.f1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
form.f1 label span.error_message {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(/img/errormsg_bg.gif) no-repeat 0 0}
form.f1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}
               