/** {min-height:1px;}*/
body {border:0; margin:0; padding:0; background:#F2F5FE url("../../images/site/bg.gif") 0 0 repeat-x; font:70%/160% "verdana",sans-serif; color:#192666; _text-align:center;}

a {color:#192666;}
a:hover {color:#4F6AD7;}

p {border:0; margin:15px 0; padding:0;}

div {display:block; border:0; margin:0; padding:0;}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h2 {font-size:180%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h3 {font-size:120%; line-height:100%; font-weight:bold;}
h4 {font-size:120%;}
h5 {font-size:100%;}

table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:1px solid #B7CAF6; font-size:100%;}
tr {display:table-row;}
th, td {display: table-cell; border:1px solid #B7CAF6; margin:0; padding:5px; vertical-align:top; text-align:left;}
th {background:#E7ECFD; text-align:center; color:#192666; font-weight:bold;}

ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

/* Floating */
.f-left {float:left;}
.f-right {float:right;}

/* Text align */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.va-middle {vertical-align:middle;}

.clear {clear:both;}
.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

.nom {margin:0;}
.noscreen {display:none;}

/* -----------------...........--------------------------------------------------------------------------------------- */

#main {width:900px; margin:50px auto 0 auto; margin-top: 10px; _text-align:left;}

/* Header */
#header {position:relative; width:900px; height:65px; margin:0; padding:0; background:#233C9B url("../../images/site/header.jpg") 0 0 no-repeat; color:#FFF;}

    /* Header - logo */
    #header #logo {position:absolute; top:20px; left:35px; margin:0;}

    #header #logo a {color:#FFF; text-decoration:none;}
    #header #logo a:hover {color:#B5C4E3; text-decoration:none;}
    
    /* Header - Search */
    #header #search {position:absolute; top:20px; right:20px;}
    #header #search form {position:relative;}
    #header #search #search-input-out {position:absolute; top:0; right:45px; width:155px; height:28px; margin:0; padding:0; border:0; background:url("../../images/site/search_input.gif") 0 0 no-repeat; font:bold 90%/100% "verdana",sans-serif; color:#192666;}
    #header #search #search-input {width:140px; margin:5px 8px; padding:3px 0; border:0; background:#FFF; font:bold 100%/100% "verdana",sans-serif; color:#192666;}
    #header #search #search-submit {position:absolute; top:0; right:0px;}
    #header #search fieldset {margin:0; padding:0; border:0;}
    #header #search fieldset {width:200px;}
    #header #search legend {display:none;}

/* Main menu (tabs) */
.tabs {background:#192666; margin:0 5px; padding:10px 0 0 0; _height:1px; width:890px; height:32px; }
#tabsHolder { z-index:-1; background:transparent url(../../images/site/bg_page_in.jpg) }

    .tabs ul.mainmenu {margin:0 10px; padding:0; list-style:none; display: block; float: left;}
    .tabs ul.mainmenu li {display: block; margin:0 5px 0 0; padding:0; float:left; position: relative;}
    .tabs ul.mainmenu li a {display:block;line-height:18px;position:relative;padding:7px 15px; border:0; background:url("../../images/site/tab_link.gif") 0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none; cursor:pointer;}
    
    /* Main menu (tabs - link) */
    .tabs ul.mainmenu li a span.tab-l, .tabs ul.mainmenu li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../../images/site/tab_link_l.gif") 0 0 no-repeat;}
    .tabs ul.mainmenu li a span.tab-r, .tabs ul.mainmenu li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("../../images/site/tab_link_r.gif") 100% 0 no-repeat;}
    
    /* Main menu (tabs - hover) */
    .tabs ul.mainmenu li a:hover {background:url("../../images/site/tab_hover.gif") 0 0 repeat-x; color:#FFF;}
    .tabs ul.mainmenu li a:hover span.tab-l {background:url("../../images/site/tab_hover_l.gif") 0 0 no-repeat;}
    .tabs ul.mainmenu li a:hover span.tab-r {background:url("../../images/site/tab_hover_r.gif") 100% 0 no-repeat;}
    
    /* Main menu (tabs - active) */
    .tabs ul.mainmenu li.active a, .tabs ul.mainmenu li.active a:hover {background:#FFF; color:#FF9000;}
    .tabs ul.mainmenu li.active a span.tab-l, .tabs ul.mainmenu li.active a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../../images/site/tab_active_l.gif") 0 0 no-repeat;}
    .tabs ul.mainmenu li.active a span.tab-r, .tabs ul.mainmenu li.active a:hover span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("../../images/site/tab_active_r.gif") 100% 0 no-repeat;}

	.tabs ul.mainmenu.language { float:right; }

/* Page (2 columns) */
#page {width:900px; min-height:1px; background:#FFF url("../../images/site/bg_page.gif") 0 0 repeat-y; _height:1px;}
#page-in {min-height:1px; padding:0px 0; background:url("../../images/site/bg_page_in.jpg") 0 0 no-repeat; _height:1px;}

/* Strip */
#strip {padding:10px 20px 10px 20px; color:#6182D1;}
#strip p {margin:0;}
#strip a {color:#6182D1;}
#strip a:hover {color:#192666;}

    /* Strip - breadcrumbs */
    #strip #breadcrumbs {width:650px; margin:0; padding:0;}
    
    /* Strip - RSS */
    #strip #rss {float:right; width:175px; _width:200px; margin:0; padding-left:25px; background:url("../../images/site/ico_rss.gif") 0 50% no-repeat}

/* Content */
#content {float:left; width:660px; _width:680px; margin:0; padding:0 0 0 20px;}

    /* Content - article */
    #content .article {clear:both; margin:0; padding:20px; background:url("../../images/site/content_article_bg.jpg") 0 0 no-repeat;font-size:110%;}
    #content .article h2.title {font-size:160%;margin:0 -20px; padding:10px; background:#DEE5FD url("../../images/site/content_title_bg.gif") 0 0 repeat-y; color:#192666;}
    #content .article h2 span {background:url("../../images/site/ico_list.gif") 0 50% no-repeat; padding-left:25px;}
    #content .article.search a.result { font-size:110%; }
    
    #content .article p {text-align:justify;}
    #content .article td, #content .article th {border:0px;}
    #content .info {margin:10px 0; padding-bottom:8px; border-bottom:1px solid #DEE5FD; color:#6685CC;}
    #content .info a {color:#6685CC;}
    #content .info a:hover {color:#FF9000;}
    
    #content .info span.date, #content .info span.cat, #content .info span.user, #content .info span.comments {padding-left:15px;}
    #content .info span.date {background:url("../../images/site/ico_date.gif") 0 50% no-repeat;}
    #content .info span.cat {background:url("../../images/site/ico_cat.gif") 0 50% no-repeat; margin-left:8px;}
    #content .info span.user {background:url("../../images/site/ico_user.gif") 0 50% no-repeat; margin-left:8px;}
    #content .info span.comments {background:url("../../images/site/ico_comments.gif") 0 50% no-repeat; margin-left:8px;}

    /* Content - More */
    #content .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;}
    #content .btn-more a {display:block; position:absolute; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("../../images/site/btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}
    #content .btn-more a:hover {background:url("../../images/site/btn_more.gif") -95px 0 no-repeat;}

/* Right column */
#col {float:left; width:200px; margin:0; padding:0; background:#CEDBF9 url("../../images/site/col_bg.gif") 0 0 repeat-y;}
#col-in {padding:20px 10px; background:url("../../images/site/col_top.gif") 0 0 no-repeat;}
#col h3 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#A0B9F3 url("../../images/site/col_title_bg.gif") 0 0 repeat-y; color:#192666;}

    /* Right column - About me */
    #col #about-me {margin-bottom:15px; line-height:130%;}
    #col #about-me p {margin:0;}
    #col #about-me #me {float:left; width:54px; height:58px; margin-right:7px;}

    /* Right column - Category */
    #col ul#category, #col .category ul {margin:15px 0; padding:0; list-style:none;}
		#col .category ul ul {margin:0px 0px 0px 15px;}
    #col ul#category li, #col .category ul li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
		#col .category ul li {border-bottom:0px;}
    #col ul#category li a, #col .category ul li a {display:block; padding:3px 0 3px 22px; background:url("../../images/site/ico_archive.gif") 5px 6px no-repeat; text-decoration:none;}
    #col ul#category li a:hover, #col .category ul li a:hover {background-color:#D3DFF8; color:#192666;}
    #col ul#category li.category-active a, #col .category ul li.category-active > a {background:#E0E8FA url("../../images/site/ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;}
    
    /* Right column - Archive */
    #col ul#archive {margin:15px 0; padding:0; list-style:none;}
    #col ul#archive li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #col ul#archive li a {display:block; padding:3px 0 3px 22px; background:url("../../images/site/ico_archive.gif") 5px 50% no-repeat; text-decoration:none;}
    #col ul#archive li a:hover {background-color:#D3DFF8; color:#192666;}
    #col ul#archive li#archive-active a {background:#E0E8FA url("../../images/site/ico_archive2.gif") 5px 6px no-repeat; font-weight:bold;}
    
    /* Right column - Links */
    #col ul.links {margin:15px 0; padding:0; list-style:none;}
    #col ul.links li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #col ul.links li a {display:block; padding:3px 0 3px 22px; background:url("../../images/site/ico_links.gif") 5px 6px no-repeat; text-decoration:none;}
    #col ul.links li a:hover {background-color:#D3DFF8; color:#192666;}
    #col ul.links li.active a {font-weight:bold;}

/* Footer */
#footer {position:relative; clear:both; width:900px; height:60px; margin-bottom:50px; background:url("../../images/site/footer.jpg") 0 0 no-repeat; color:#6685CC;}
#footer a {color:#6685CC;}
#footer a:hover {color:#192666;}

    /* Footer - "back on top" */
    #top {position:absolute; top:55px; left:680px;}
    #top p {position:relative; width:30px; height:25px; margin:0; overflow:hidden;}
    #top p span {display:block; position:absolute; left:0; top:0; z-index:1; width:30px; height:25px; background:url("../../images/site/ico_top.gif") 0 0 no-repeat; cursor:pointer;}
    #top a:hover span {background:url("../../images/site/ico_top.gif") -30px 0 no-repeat;}

    /*  Footer - copyright */
    #footer p#copyright {position:absolute; top:10px; left:40px; margin:0;}

    /* Footer - created by */
    #createdby {position:absolute; top:10px; left:692px; margin:0; color:#8CA3D8;}
    #createdby a {color:#8CA3D8;}

table.search {
	width: 100%;
}


.tabs ul.mainmenu li ul {
	display:none;
	position:absolute;
	margin:0; 
	/*margin-top: 1px;*/
	float:left;
	list-style:none;
	border: 1px solid #A0B9F3;
	background: #DEE5FD;
}
ul.mainmenu li.hover ul { display: block; }

.tabs ul.mainmenu li ul li { margin:0 5px 0 0; padding:0; float:none; display:block;}
.tabs ul.mainmenu li ul li a { float:none; color: #6182D1 !important; background:#DEE5FD !important; white-space: nowrap; }
.tabs ul.mainmenu li ul li a:hover { color:#192666 !important; background:#DEE5FD !important; }
	
/* editable site elements */
.editableMenu {
	position:absolute;
	border: 1px solid #000000;
	background: #FFFFFF;
	padding: 5px;
	margin: 0;
	font-size: 12pt;
	z-index:1000;
}	
	.editableMenu a {
		font:70% "verdana",sans-serif;
		font-weight:bold; 
		text-decoration:none; 
		cursor:pointer;	
	}
/* site catalog */
.catalog .category {
	float:left;
	text-align:center;
	padding: 10px;
	margin:10px;
	width:160px;
	border:1px solid #DEE5FD;
}
.catalogitem .primaryimage {
	float:left;
	margin: 10px 30px 10px 10px;
	padding: 2px 2px 2px 2px;
	border:1px solid #DEE5FD;
}
.listView.catalog {
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	border:1px solid #DEE5FD;
}
/* comments */
.popupForm .caption {
	font-weight:bold;
}
.popupForm .editor input, textarea {
	width:300px;
}
	.popupForm .editor input[type=checkbox] {
		width:auto;
	}
.popupForm .error { color:red; }
.popupForm span.required { color:red; margin-left:5px; }

#content .btn-comment {margin:10px 0 15px 0; padding:0; border:0; position:relative;}
#content .btn-comment a {display:block; position:absolute; top:0; right:0; width:140px; _width:170px; height:21px; margin:0; padding:0 0 0 28px; background:url("../../images/site/btn_comment.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}
#content .btn-comment a:hover {background:url("../../images/site/btn_comment.gif") -170px 0 no-repeat;}
#content .commentsArea {margin:10px 0; padding-bottom:8px; border-top:1px solid #DEE5FD; color:#6685CC;}
#content .commentsArea .date {
	background:url("../../images/site/ico_date.gif") 0 50% no-repeat; padding-left: 15px;
}
#content .commentsArea .user {
	background:url("../../images/site/ico_user.gif") 0 50% no-repeat; margin-left:8px; padding-left: 15px;
}
#content .commentsArea .text {
	background:url("../../images/site/ico_comments.gif") 0 50% no-repeat; margin-left:8px;
	color:#606060;
	padding-left:15px;
}
#content .commentsArea .comment {
	border-bottom:1px solid #DEE5FD;
	padding-bottom:5px;
}

.ajaxLoadingText {
	position:fixed;
	display:none;
	text-align:center;
	color:black;
	top:0px;
	z-index:1000000;
	width:100%;
}
	.ajaxLoadingText span {
		background:yellow;
		padding: 3px;
		font-weight:bold;
	}
ul.cardsview {
	clear:both;
	list-style:none;
	margin:10px;
}
	ul.cardsview li {
		float:left;
		width: 250px;
		padding: 10px;
		margin:10px;
		border:1px solid #DEE5FD;
	}
	ul.cardsview li img {
		margin:5px;
		float:left;
	}
ul.icons {
	list-style:none;
	margin:10px;
}
	ul.icons li {
		verical-align:middle;
		clear:both;
	}
	ul.icons li img {
		margin:5px;
		float:left;
	}
	

/* ------ JQuery Tools Tabs -------- */
/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#FFFFFF;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#F2F5FE;
	border-bottom:2px solid #F2F5FE;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
.css-tab-pane {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#F2F5FE;	
}
/* JQuery tools modal dialog */
.modal { 
    background-color:#fff; 
    display:none; 
    width:350px; 
    padding:15px; 
    text-align:left; 
    border:2px solid #A0B9F3; 
 
    /*opacity:0.8; */
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    /*-moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc; */
} 
.modal h2 { 
    margin:0px; 
    padding:2px; 
    border-bottom:1px solid #A0B9F3; 
    font-size:20px; 
}
.modal .buttons {
	margin-top:5px;
	margin-bottom:5px;
	padding-top:5px;
	border-top:1px solid #A0B9F3; 
}
.modal input.readonly {
	background-color:#F0F0F0;
}
.modal .field {
	margin-top:5px;
}
.modal .error {
	color:red;
}
.modal .field .caption {
	font-weight:bold;
}
.modal .field .subCaption {
	font-size: 80%;
	color: gray;
}
	.modal .field .caption span.required { color:red; }
.modal .field .editor input[type=text], .modal .field .editor textarea, .modal .field .editor input[type=password] {
	width:345px;
}
.modal .field .editor input.passwordOld {
	width:165px;
}
.modal .field .editor input.passwordNew {
	width:165px;
	margin-left:0px;
}
	.modal .field .editor.error input, .modal .field .editor.error textarea {
		background-color:#FFF0A0;
	}


.modal button {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-moz-outline-radius-bottomleft:4px;
-moz-outline-radius-bottomright:4px;
-moz-outline-radius-topleft:4px;
-moz-outline-radius-topright:4px;
background-color:#192666;
border:1px solid #FFFFFF;
color:#FFFFFF;
cursor:pointer;
font-size:11px;
height:24px;
outline-color:#999999;
outline-style:outset;
outline-width:1px;
margin-right:5px;
}


/*site login*/
table.sitelogin table {
	border:0px;
}
	table.sitelogin table th, table.sitelogin table td {
		border:0px;
		background:transparent;
		padding:2px;
	}
	table.sitelogin table th { text-align:right; }
	table.sitelogin input { border:1px solid !important; }
	table.sitelogin a { border:1px solid; padding:5px; text-decoration:none; }
	table.sitelogin td.error { color:red; padding-bottom:5px; }
	
.poll {
	
}
	.poll ul { list-style:none; margin:5px; }
	.poll ul.results li {
		display:block;
		clear:both;
		padding:2px;
	}
	.poll ul.results li .bar {
		float:left;
		height: 10px;
	}
	.poll .buttons a.vote, .poll .buttons a.results {
		text-decoration:none;
		padding:5px;
		border:1px solid;
	}
	
	
	
/* PAGE GALLERY STYLES */
/* the large image. we use a gray border around it */
.gallery_overlay {
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:200000;
	/* styling */
	background-color:#333;
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}
/* close button positioned on upper right corner */
.gallery_overlay .close {
	background-image:url(../../images/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.gallery_overlay #img {
	border:1px solid #666;
}
/* "next image" and "prev image" links */
.gallery_overlay .next, .gallery_overlay .prev {
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}
.gallery_overlay .prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}
.gallery_overlay .next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}
.gallery_overlay .next:hover, .gallery_overlay .prev:hover {
	text-decoration:underline;
	background-color:#000;
}
/* when there is no next or previous link available this class is added */
.gallery_overlay .disabled {
	visibility:hidden;		
}
/* the "information box" */
.gallery_overlay .info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}
.gallery_overlay .info strong {
	display:block;	
}
/* progress indicator (animated gif). should be initially hidden */
.gallery_overlay .progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}
/* everybody should know about RGBA colors. */
.gallery_overlay .next, .gallery_overlay .prev, .gallery_overlay .info {
	background:#333 !important;
}