@CHARSET "UTF-8";

body,html{ height:100%;}

img { border: none; }

.right{float:right;}

tr.even:hover td,tr.odd:hover td{ background-color:#eeeeee; }

.clearfix{ clear:both;}

h1, h2,h3,h4,h5,h6{
	color: #34559B;
	margin-bottom:0.5em;	
}
h1{
	font-size: 2em;	
}
h2{
	font-size: 1.8em;	
}
h3{
	font-size: 1.5em;	
}
h4{
	font-size: 1.2em;	
}

h1 img,h2 img,h3 img,h4 img{
	vertical-align: middle;
}

a img{
	text-decoration: none;
	}

	
	
/** loyout **/
div#header{
	background-color:#9ADEF0;
}

	div#header h1{
		padding-top:5px;
		padding-left:10px;
	}
	
	div#header ul.menu{
		list-style-type:none;
		height:2em;
		margin:0;
	}
	div#header ul.menu li{
		float:left;
	}
	
	div#header ul.menu li a {
		display:block;
		font-size:1em;
		font-weight:bold;
		padding:0.2em 1em;
	}
	
	div#header ul.menu li a:hover {
		background-color: #e5ecf9;
	}
	
	div#header div.logon{
		float:right;
		width:300px;
	}
	

div#leftCol{
	width:185px;
	min-height:530px;
	float:left;	
	padding:5px;
	background-color:#EEE;
}

div#content{
	position:relative;
	margin-left:200px;
	margin-right:20px;
	padding-bottom: 20px;
	padding-top:5px;
}

div#footer{
	width:99%;
	padding:3px 10px;
	background-color:#e5ecf9;
	font-size:0.8em;
	position:fixed;
	bottom:0;
}

/*** breadcrumb ***/
div#content div#breadcrumb{
	margin-bottom:0.5em;
	font-size:0.8em;
}

/****************/
#leftCol ul.menu{
	list-style-type:none;
}

#leftCol ul.menu li.separator{
	height:5px;
	margin-bottom:5px;
	border-bottom: 1px dotted #cccccc;	
}

#leftCol ul.menu a{
	display:block;
	padding:3px;
	width:100%;
	text-decoration:none;
}
#leftCol ul.menu a img{
	vertical-align: middle;
}

#leftCol ul.menu a:hover{
	background-color:#eeeeee;
}


/*****************/
div.nestedListMenu{
	width:420px;
	border-bottom:1px dotted #cccccc;
}

div.nestedListMenu ul{
	margin:0 0 0 15px;
	list-style-type:none;
	
}

div.nestedListMenu li{
	line-height : 20px;
	text-align:right;
	border-top:1px dotted #cccccc;
}


div.nestedListMenu li span{
		float:left;
}

/****************/
ul.FlashMessengerList{
	position:absolute;
	top:5px;
	right:5px;
	list-style-type:none;
	width:300px;
}


.info	{ background-image: url(/images/icons/exp/24/information.png); }
.notice	{ background-image: url(/images/icons/exp/24/sign_warning.png); }
.error	{ background-image: url(/images/icons/exp/24/error.png); }
.success{ background-image: url(/images/icons/exp/24/ok.png); }

.info, .notice, .error, .success{
	margin : 0 0 2px 0;
	padding:0.4em;
	display:block;
	width:100%;	
	background-position: 3px center;
	background-repeat: no-repeat;
	padding-left:30px;
}

/*** forms ***/
.RichTextEditable{ width:530px; height:180px; margin-bottom:12px; border: 1px solid #8BA0BD;  }

/*** table ***/
tfoot tr,tfoot tr:hover td{
	background-color:#cccccc;
}


/*** paginator **/
div#paginationControl{
	text-align:center;
}

/*** page index admin **/
div#bigAdminMenu a{
	display:block;
	width:150px;
	float:left;
	height:150px;
	margin-right:30px;
	margin-bottom:20px;
	text-decoration:none;
	color:#000000;
	text-align:center;
	padding:5px;
}

div#bigAdminMenu a:hover{
	background-color:#DDDDDD;	
}


#fieldset-members { position:relative;}
#fieldset-members .infoPhoto {position: absolute; right:20px; top:0px;}