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

body
{

	margin: 0px auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4e53;
	background: url(../images/layout/web_csd_bg.png) repeat;

}

img	{	border: 0px;	}

td, th { vertical-align: top; }

/*  C O N T A I N E R  */

#container-header
{

	width: 100%;
	height: 130px;
	border-bottom: 2px solid #bdbdbd;
	background:url(../images/layout/web_csd_bg_hd.png) repeat-x;

}

#container-modal
{

	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4e53;
	background: url(../images/layout/web_csd_bg.png) repeat;

}

#container-main
{

	margin: 0px auto;
	width: 1000px;

}

#container-login
{
	
	width: 260px;
	height: 150px;
	padding: 0px 20px;
	background:url(../images/layout/web_csd_bg_log.png) no-repeat;
	text-align: center;

}

.container-section-header
{

	width: 296px; 
	background-color: #004ebc; 
	padding: 2px 5px; 
	text-align: right; 
	border-bottom: 1px solid #e2e1dd;

}

#container-section-main 
{ 

	width: 300px;
	margin: 5px 0px;

}

#container-latest 
{ 

	width: 100%;
	margin-top: 30px;


}

#container-latest div#image
{

	width: 150px;
	padding: 5px;
	float: left;

}

#container-latest div#content
{

	width: 130px;
	padding: 5px;
	text-align: left;
	float: left;

}

#container-latest div#content div.header
{

	width: 120px;
	text-align: right;
	color: #4d4e53;

}

.container-slider 
{ 

	width: 700px;
	height: 230px;
	
}

/*  S U B C O N T A I N E R  */

#subcontainer-latest
{

	height: 240px; 
	margin: 10px 0px;
	padding: 10px 5px;
	background-color: #e2e1dd; 
	border-right: 1px solid #cacac8;
	border-top: 1px solid #cacac8;
	border-bottom: 1px solid #cacac8;
	
}

#subcontainer-otherissues
{

	margin: 10px 0px;
	padding: 10px 5px;
	
}

#subcontainer-latest div.header, #subcontainer-otherissues div.header
{

	width: 120px;
	text-align: right;
	color: #4d4e53;

}

.subcontainer-section-header
{

	width: 310px; 
	background-color: #004ebc; 
	padding: 2px 5px; 
	text-align: right; 
	border-bottom: 1px solid #e2e1dd;

}

#subcontainer-section-main 
{ 

	width: 310px;
	margin: 5px 0px;

}

/*  N A V I G A T I O N  */

#navigate
{

	display:block; 
	margin:0; 
	padding:0; 

}

#navigate li 		
{ 

	display: inline;						
	float:left; 
	overflow:hidden;
	margin: 0px 10px;
	height: 30px;
	font-size: 14px;
	font-weight: bold;

}					

#navigate li a				{	color: #1a2eb1; text-decoration: none;		}
#navigate li a:visited		{	color: #1a2eb1; text-decoration: none;		}
#navigate li a:active, #navigate li a:hover		
{	

	color: #c0143c; 
	text-decoration: none; 
	border-bottom: 2px solid #d6d6d4; 

}

a				{	color: #c0143c; text-decoration: none;		}
a:visited		{	color: #c0143c; text-decoration: none;		}
a:active, a:hover	{ color: #c0143c; text-decoration: underline; }

.paginate 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
}

a.paginate 
{
	border: 1px solid #c0143c;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	color: #c0143c;
}


a.paginate:hover 
{
	
	background-color: #c0143c;
	color: #FFF;
	text-decoration: underline;
	
}

a.current 
{
	
	border: 1px solid #c0143c;
	font: bold .7em Arial,Helvetica,sans-serif;
	padding: 2px 6px 2px 6px;
	cursor: default;
	background:#c0143c;
	color: #FFF;
	text-decoration: none;
	
}

span.inactive 
{
	
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	padding: 2px 6px 2px 6px;
	color: #999;
	cursor: default;
	
}

/*  T E X T  */

.header-text-section { color: white; }
.header-text-page    
{ 
	
	color: #4d4e53; 
	text-align: left; 

}

.header-text-section, .header-text-page
{

	font-size: 16px;
	font-family: "Century Gothic";

}

#text-dropshadow
{
	text-shadow: 1px 1px 0px #fff;
	-moz-text-shadow: 1px 1px 0px #fff;
	-webkit-text-shadow: 1px 1px 0px #fff;

}

#header-text-sub
{

	font-size: 11px;
	font-weight: bold;

}

#text-stat
{

	font-size: 10px;
	font-weight: bold;

}

#header-text-reg { font-size: 12px; }

#reminder-text-reg { font-size: 10px; }

/*  T A B L E  */

.table-reg
{

	border: 0px;
	margin: 10px auto;
	width:  70%;

}

.table-reg td { padding: 0px; width: 100%; }

.table-list
{

	border: 0px;
	margin: 10px auto;
	width:  100%;

}

.table-list th { background-color: #004ebc; padding: 5px; color: white; text-align: center; }

.table-list td { padding: 0px; width: 100%; }

.container_table
{

	margin: 0px;
	border: 0px;

}

.container_table th { width: 60%; }
.container_table td { width: 40%; }

.container_table th, .container_table td 
{ 

	padding: 0px;
	text-align: left;
	font-size: 12px;

}


/*  L I S T  */

#list-issues, #list-article
{

	display: block;
	margin: 0px;
	padding: 0px;

}

#list-article li 
{ 

	list-style-type: disc; 
	margin-left: 20px;
	text-align: left;

}

#list-issues li
{

	float: left;
	margin: 0px 20px;
	list-style-type: none;
	text-align: center;

}

#article-news ul
{
	
	padding: 0px;
	margin: 0px;
	margin-left: 20px;
	
}

#article-news li
{
	
	list-style: disc;
	width: 48%;
	float: left;
	height: auto; 
	margin-bottom: 5px;
	
}

/*  F O R M S  */

.form-login label
{

	color: white;
	font-size: 10px;
	font-weight: bold;
	
}

.form-login input[type="submit"], .form-login input[type="button"]
{
	
	background-color: #c0143c;
	border: 1px solid #9b243e;
	width: 80px;
	height: 40px;
	line-height: 20px;
	margin: 1px;
	padding: 0;
	cursor: pointer;
	color: white;
	font-weight: bold;
	font-size: 11px;

}

.form-login input[type="submit"]:hover,
.form-login input[type="submit"]:active,
.form-login input[type="button"]:hover,
.form-login input[type="button"]:active
{

	background-color: #ad0d2a;
	border: 0px;
	border-top: 3px solid #870718;
	width: 80px;
	height: 40px;
	line-height: 20px;
	margin: 1px;
	padding: 0;
	cursor: pointer;
	color: white;
	font-weight: bold;

}

.form-reg-1 input[type="text"], .form-reg-1 input[type="password"]
{

	width: 90%;
	line-height: 20px;
	padding: 0;

}

.form-reg-1 input[type="submit"]
{

	background-color: #c0143c;
	border: 1px solid #9b243e;
	width: 80px;
	height: 40px;
	line-height: 20px;
	margin: 1px;
	padding: 0;
	cursor: pointer;
	color: white;
	font-weight: bold;
	font-size: 11px;

}

.form-reg-1 input[type="submit"]:hover,
.form-reg-1 input[type="submit"]:active
{

	background-color: #ad0d2a;
	border: 0px;
	border-top: 3px solid #870718;
	width: 80px;
	height: 40px;
	line-height: 20px;
	margin: 1px;
	padding: 0;
	cursor: pointer;
	color: white;
	font-weight: bold;
	font-size: 11px;

}

.form-reg input[type="text"], .form-reg input[type="password"]
{

	width: 90%;
	line-height: 20px;
	padding: 0;

}

.form-reg input[type="submit"]
{

	background: url(../images/layout/web_csd_bt_log.png) no-repeat top;
	border: 0px none;
	width: 80px;
	height: 40px;
	line-height: 20px;
	margin: 1px;
	padding: 0;
	cursor: pointer;

}

.form-reg input[type="submit"]:hover,
.form-reg input[type="submit"]:active
{

	background: url(../images/layout/web_csd_bt_log.png) no-repeat bottom;
	border: 0px none;
	width: 80px;
	height: 40px;
	line-height: 20px;
	margin: 1px;
	padding: 0;
	cursor: pointer;

}

#form-register { padding: 0 10px 10px; }

#form-register div
{

	width: 560px;
	margin: 0px auto;

}

#form-register div div
{
	
	float: left;
	width: 280px;
	margin-bottom: 5px;
	
}

#form-register h1
{

	width: 710px;
	font-size: 12px;
	text-align: center;

}

#form-register label
{
	
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
	margin-right: 30px;
	font-size: 12px;
	
}

#form-register input[type="text"], #form-register input[type="password"]
{
	
	width: 240px;
	padding: 4px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
	
}

#form-register input[type="submit"]
{

	background-color: #c0143c;
	border: 1px solid #9b243e;
	width: 80px;
	height: 40px;
	line-height: 20px;
	margin: 1px;
	padding: 0;
	cursor: pointer;
	color: white;
	font-weight: bold;
	font-size: 11px;

}

#form-register input[type="submit"]:hover,
#form-register input[type="submit"]:active
{

	background-color: #ad0d2a;
	border: 0px;
	border-top: 3px solid #870718;
	width: 80px;
	height: 40px;
	line-height: 20px;
	margin: 1px;
	padding: 0;
	cursor: pointer;
	color: white;
	font-weight: bold;
	font-size: 11px;

}

#form-register select
{
	
	width: 136px;
	padding: 3px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	border: 1px solid #cecece;
	
}

#form-register input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#form-register textarea{
	width: 550px;
	height: 80px;
	padding: 6px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
#form-register textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#form-register div{
	margin-bottom: 15px;
}
#form-register div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#form-register div span.error{
	color: #e46c6e;
}
#form-register #send{
	background: #6f9ff1;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#form-register #send:hover{
	background: #79a7f1;
}



/*  F U N C T I O N S  */

	/* some custom fonts via google font api */
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight);

	/* content block 1 */
#mcs_container 
{
	
	margin: 0px; 
	width:720px; 
	height: 400px; 
	padding:0 10px; 

}

#mcs_container .customScrollBox
{
	
	position:relative; 
	height:100%; 
	overflow:hidden;

}

#mcs_container .customScrollBox .container
{

	position:relative; 
	width: 700px; 
	top:0; 
	float:left;

}

#mcs_container .customScrollBox .content { clear:both; }

#mcs_container .customScrollBox .content p
{
	
	padding:0 5px; 
	margin:10px 0; 
	font-size:12px; 
	line-height:20px; 
	text-align: left;

}

#mcs_container .customScrollBox .content p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;}

#mcs_container .dragger_container{position:relative; width:4px; height:400px; float:left; background:#000; cursor:pointer -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:s-resize;}

#mcs_container .dragger{position:absolute; width:4px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}

#mcs_container .dragger_pressed{position:absolute; width:4px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:s-resize;}

#mcs_container .scrollUpBtn,#mcs_container .scrollDownBtn{position:absolute; display:inline-block; width:14px; height:15px; margin-right:12px; text-decoration:none; right:0; filter:alpha(opacity=20); -moz-opacity:0.20; -khtml-opacity:0.20; opacity:0.20;}

#mcs_container .scrollUpBtn{top:16px; background:url(mcs_btnUp.png) center center no-repeat;}

#mcs_container .scrollDownBtn{bottom:12px; background:url(mcs_btnDown.png) center center no-repeat;}

#mcs_container .scrollUpBtn:hover,#mcs_container .scrollDownBtn:hover{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}

/* MODAL WINDOWS */

.modal-overlay 	
{

	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #131313;
	opacity: .85;
	filter: alpha(opacity=85);
	z-index: 101;

}



.modal-window 	
{

	position: fixed;
	top: 50%;
	left: 50%;
	margin: 0;
	padding: 0;
	z-index: 102;
	background: #fff;
/*	
	border: solid 5px #000;
	-moz-border-radius: 2px;
	-webkit-border-radius: 8px;
*/	
}



.close-window 	
{

	position: absolute;
	width: 47px;
	height: 47px;
	right: 5px;
	top:0px;
	background: transparent url(../images/layout/close.png) no-repeat scroll right top;
	text-indent: -99999px;
	overflow: hidden;
	cursor: pointer;

}

* html .modal-overlay	
{

	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}

* html .modal-window	{	position:absolute;	}

/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/


.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }