/* GENERAL */
body{
	margin:0 auto;
	width:100%;
	/*font-family: 'Open Sans',Tahoma, Arial;*/
	font-family: Arial;
	font-size: 14px;
}

/* LAYOUT */
.logo{padding: 10px 0 0 4px;}
.header{margin:0 auto;}
.footer{font-size:1em;padding: 3px 2px 5px 2px;}
.wrapper{clear:both; width: 100%; margin: 0 auto;}
.w960{width:960px !important; margin: 0 auto;}
.row:first-child{padding-top:0px;overflow: auto;}
.row {clear:both;padding-top: 5px;margin:0 auto;overflow: auto;}
.col1{float:left;}
.col2{float:left;}
.col3{float:left;}
.col4{float:left;}
.col5{float:left;}
.col6{float:left;}
.col7{float:left;}
.col8{float:left;}
.col9{float:left;}
.col10{float:left;}
.col11{float:left;}
.bordered{border: 1px solid #cccccc;}
.pull-right{float:right;}
.pull-left{float:right;}
.sticky_top{position:absolute; width:100%; z-index:2;top:0;left:0;}
.sticky_bottom{position:absolute; width:100%; z-index:2;left:0; bottom:0;}
.sidebar{width:200px;float:left;}
.contentbar{float:left;}
.box{margin:0 2px 0 2px;}
.box .title {font-weight:600;color:#ffffff;background: #2B364A;padding: 5px;}
.box .content {padding: 5px 5px 25px 5px;border: 1px solid #cccccc;}

/* TYPOGRAPHY */
h1{font-size:2.2em;font-weight:300;}
h2{font-size:1.8em;font-weight:300;margin:0 0 10px 0;}
h3{font-size:1.6em;font-weight:300;margin:0 0 10px 0;}
h4{font-size:1.4em;font-weight:400;margin:0 0 10px 0;}
h5{font-size:1.2em;font-weight:400;margin:0;}
h6{font-size:1.1em;font-weight:400;margin:0 0 10px 0;}
p{line-height: 25px; text-align:justify;}
hr{border:0; border-bottom: 1px solid #cccccc;}
i{padding-right: 4px;}
/* COLOR */
.bg_red{background:#CF000F !important; color: #ffffff !important;}
.bg_pink{background:#DB0A5B !important;}
.bg_purple{background:#663399 !important;}
.bg_blue{background:#2C3E50 !important;}
.bg_green{background:#1E824C !important;}
.bg_yellow{background:#f5f802 !important; color: #333333 !important;}
.bg_orange{background:#D35400 !important;}
.bg_grey{background:#6C7A89 !important;}

/* VERTICAL DROPDOWN MENU */
.vdropdown{
	margin-top:0px;
	width:100%;
	z-index: 100;
}

.vdropdown ul{
	list-style:none;
	position:relative;
	margin:0;
	padding:0;
	
}

.vdropdown ul a{
	display:block;
	color:#333;
	text-decoration:none;
	line-height:25px;
	padding:0 3px;
	font-size: 13px;
}

.vdropdown ul li{
	position:relative;
	margin:0;
	padding:0 0 0 3px;
	border-bottom: 1px solid #cccccc;
}

.vdropdown ul li.active{
	background:#e8e8e8
}

.vdropdown ul li:hover{
	background:#ccddef;
}

.vdropdown ul ul{
	display:none;
	position:absolute;
	top:-1px;
	left:100%;
	border: 1px solid #cccccc;
	background: #ffffff;
	padding:0
}

.vdropdown ul ul li{
	float:none;
	width:180px;
	border:0;
	border-bottom: 1px solid #cccccc;
}

.vdropdown ul ul a{
	line-height:25px;
	padding:0 3px;
}

.vdropdown ul ul ul{
	top:-1px;
	left:100%
}

.vdropdown ul li:hover > ul{
	display:block;
}

/* GRID INFO */
.grid{
	width:100%;
	border-collapse: collapse;
	line-height: 25px;
}
.grid th{
	border-bottom: 1px solid #cccccc;
	padding: 0 5px 0 5px;
	text-align: left;
}
.grid td{
	vertical-align:top;
	border-bottom: 1px solid #cccccc;
	padding: 0 5px 0 5px;
	text-align: left;
}
.grid tr:nth-child(even) {
	background: #EEEEEE;
}
.grid tr:hover{
	background: #cceecc;
	cursor: pointer;
}

/* FORM */
.w100{width:99%;}
textarea {
	width: 99%;
	height: 50px;
	font-size:1.2em;
	padding: 3px;	
	margin: 5px 0 5px 0;
}
input[type=text]{
	border: 1px solid #aaaaaa;
	padding: 3px ;
	margin: 5px 0 5px 0;
}
button, input[type=submit], input[type=button]{	
	border: 1px solid #aaaaaa;;
	background: #DDDDDD;	
	border-radius: 3px;
	padding: 3px 10px 3px 10px;
}
button:hover, input[type=submit]:hover, input[type=button]:hover{
	background: #EEEEEE;
	cursor:pointer;
}
.btn-red{background: #FF0000 !important;color: #ffffff;}
.btn-red:hover{background: #FF4444 !important;color: #ffffff;}
.btn-green{background: #008800 !important;color: #ffffff;}
.btn-green:hover{background: #00AA00 !important;color: #ffffff;}
.btn-blue{background: #000088 !important;color: #ffffff;}
.btn-blue:hover{background: #0000AA !important;color: #ffffff;}
.btn-orange{background: #F8F800 !important;color: #000000;}
.btn-orange:hover{background: #FFFF00 !important;color: #000000;}
.btn-yellow{background: #F8F800 !important;color: #000000;}
.btn-yellow:hover{background: #FFFF00 !important;color: #000000;}