/*
RESET
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
html5doctor.com/html-5-reset-stylesheet/
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
#footer, #header, hgroup, menu, #nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
article, aside, details, figcaption, figure, #footer, #header, hgroup, menu, #nav, section { display:block; }
#nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; } /* tables still need cellspacing="0" in the markup */
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select,button { vertical-align:middle; }
/* END RESET CSS */
/*
Template Name: CleanDream
Author: Rory Kranendonk
Author URI: http://www.dreamwire.nl
Version: 1.0
*/

/* //////////////////// LAYOUT \\\\\\\\\\\\\\\\\\\\ */

html, body {
	margin : 0;
	padding : 0;
	background : url(../gfx/background.gif) repeat-x left top #fbfcfd;
	height : 100%;
}

img {border : 0;}
.container {
	position : relative;
	margin : 0 auto;
	width : 980px;
}
.wrapper {
/*	position : relative;*/
	margin : 0 auto;
	width : 98%;
}

.logo-labels {
	float : left;
	position : relative;
	overflow : hidden;
	width : 980px;
	height : 49px;
}

.logo-labels h1 {
	position : absolute;
/*	background : url(../gfx/logo.png) no-repeat left top;*/
	left : 0;
	top : 14px;
/*	font-size : 0;*/
	width : 165px;
	height : 20px;
}

.logo-labels h1 a, .logo-labels h1 a:link, .logo-labels h1 a:visited, .logo-labels h1 a:active {
	display : block;
	width : 100%;
	height : 100%;
        color: white;
}

.logo-labels ul {
	float : right;
	margin : 0;
	padding : 13px 0 0;
	list-style : none;
	width : auto;
}

.logo-labels ul li {
	float : left;
	background : none;
	padding : 0 0 0 1px;
	font : 11px Arial;
	line-height : 1.9em;
	text-transform : uppercase;
	cursor : pointer;
	color : #FFFFFF;
	height : 22px;
}

.logo-labels ul li a, .logo-labels ul li a:link, .logo-labels ul li a:visited, .logo-labels ul li a:active{
	float : left;
	background : url(../gfx/label-icons.gif) no-repeat left top;
	padding : 0 0 0 19px;
	color : #FFFFFF;
	text-decoration : none;
	height : 22px;
}

.logo-labels ul li.usermessage a, .logo-labels ul li.usermessage a:link, .logo-labels ul li.usermessage a:visited, .logo-labels ul li.usermessage a:active{
	background : url(../gfx/label-icons.gif) no-repeat left -22px;
}

.logo-labels ul li.logout a, .logo-labels ul li.logout a:link, .logo-labels ul li.logout a:visited, .logo-labels ul li.logout a:active{
	background : url(../gfx/label-icons.gif) no-repeat left -44px;
}

.logo-labels ul li span{
	float : left;
	background : url(../gfx/label.gif) no-repeat right top;
	padding : 0 8px 0 6px;
	overflow : hidden;
	cursor : pointer;
	height : 22px;
}

.logo-labels ul li:hover span {
	background : url(../gfx/label.gif) no-repeat right -22px;
}

.menu-search {
	float : left;
	position : relative;
	z-index : 999;
	width : 980px;
	height : 32px;
}

.search {
	float : left;
	padding : 4px 0 0;

}

.search input {
	float : left;
	background : url(../gfx/search-input.gif) no-repeat left top transparent;
	border : 0;
	outline: none;
	padding : 4px 7px 4px;
	margin : 0;
	font-size : 10px;
	color : #c9c9c9;
	line-height : 1.5em;
/*	text-transform: uppercase;*/
	width : 174px;
        height: 14px;
}

.search input:focus {
	color : #5a5a5a;
}

.search button {
	float : left;
	background : url(../gfx/search-button.gif) no-repeat left top transparent;
	border : none;
	outline : none;
	padding : 0;
	margin : 0;
/*	cursor : pointer;*/
        overflow: visible;
	width : 28px;
	height : 22px;
}
/*
#qsearch {
        width: 250px;
}*/
.search .results {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #C3D0E1;
        display: none;
/*        left: 10%;*/
        padding: 5px;
        position: absolute;
        width: 90%;
/*        margin-top: 22px;*/
}
.submenu{
	float : left;
	overflow : hidden;
	font-size : 10px;
	color : #adadad;
	text-transform : uppercase;
	width : 980px;
	height : 29px;
}

.submenu a, .submenu a:link, .submenu a:active, .submenu a:visited {
	/*color : #adadad;*/
	text-decoration : none;
}

.submenu a:hover {
	color : #8f8f8f;
        text-decoration: underline;
}

.submenu ul {
	float : left;
	margin : 0;
	padding : 0;
	list-style : none;
}

.submenu ul li{
	float : left;
	background : none;
	padding : 9px 0 0;
	line-height : 1.05em;
        margin-left: 15px;
}

.submenu ul li.home{
	float : left;
	border-left : 1px solid #dbdbdb;
	border-right : 1px solid #dbdbdb;
	padding : 8px 6px 0;
	width : 16px;
	height : 21px;
}
.submenu ul li.current a, .submenu ul li.current a:link, .submenu ul li.current a:active {
        color: #8f8f8f;
}

.submenu ul li.home a, .submenu ul li.home a:link, .submenu ul li.home a:active, .submenu ul li.home a:visited {
	float : left;
	background : url(../gfx/icon-home.gif) no-repeat left top transparent;
	width : 16px;
	height : 14px;
}

.submenu ul li.home a:hover {
	background : url(../gfx/icon-home.gif) no-repeat left bottom transparent;
}

.submenu ul li.break{
	float : left;
	padding : 9px 7px 0;
	font-size : 11px;
	line-height : 0.8em;
}

.section{
	float : left;
	width : 100%;
}

.box{
	float : left;
	display : inline;
	border : 1px solid #c3d0e1;
	margin : 20px 20px 60px 0;
	width : 100%;
}

.box.small{
	width : 228px;
}

.box.medium{
	width : 478px;
}

.box.big{
	width : 728px;
}

.box .title{
	display : block;
	background : url(../gfx/box-title.gif) repeat-x left top transparent;
	border-bottom : 1px solid #e2e5e8;
	border-left : 1px solid #FFFFFF;
	border-right : 1px solid #FFFFFF;
	padding : 10px 0 0 0;
	height : 24px;
}

.box .title h2{
	float : left;
	padding : 0 0 0 10px;
	font: 14px 'MuseoSans700', Arial;
	color : #002e68;
	line-height : 1.0em;
	text-transform : uppercase;
	font-weight : 100;
        font-weight: bold;
}

/*@-moz-document url-prefix() {
  .box .title h2 {
     font-weight : 100;
  }
}*/

.box .title span.hide{
	float : right;
	margin : -4px 5px 0;
	background : url(../gfx/box-hide.png) no-repeat left top transparent;
	overflow : hidden;
	cursor : pointer;
	width : 40px;
	height : 21px;
}

.box .title span.hide:hover{
	background : url(../gfx/box-hide.png) no-repeat left bottom transparent;
}

.box .title span.search{
	float : right;
	margin : -4px 0 0;
	background : url(../gfx/box-search.png) no-repeat left top transparent;
	overflow : hidden;
	cursor : pointer;
	width : 57px;
	height : 21px;
}

.box .title span.search:hover{
	background : url(../gfx/box-search.png) no-repeat left bottom transparent;
}

.box .title .box-search {
	float : right;
	margin : -4px 0 0;
}

.box .title .box-search input {
	float : left;
	background : url(../gfx/search-input.gif) no-repeat left top transparent;
	border : 0;
	outline: none;
	padding : 4px 7px 4px;
	margin : 0;
	font-size : 10px;
	color : #c9c9c9;
	line-height : 1.5em;
	text-transform: uppercase;
	width : 100px;
}

.box .title .box-search input:focus {
	color : #5a5a5a;
}

.box .title .box-search button {
	float : left;
	background : url(../gfx/search-button.gif) no-repeat left top transparent;
	border : none;
	outline : none;
	padding : 0;
	margin : 0;
	cursor : pointer;
    overflow: visible;
	width : 28px;
	height : 22px;
}

.box .content{
	display : block;
	background-color : #FFFFFF;
	border : 4px solid #f2f4f7;
	padding : 15px;
}

.box .content span.shadow{
	display : inline-block;
	border : 1px solid #f2f4f7;
	cursor : pointer;
}

.box .content span.shadow.left{
	float : left;
	border : 1px solid #f2f4f7;
	margin : 3px 14px 15px 0;
}

.box .content span.shadow.right{
	float : right;
	border : 1px solid #f2f4f7;
	margin : 3px 0 15px 14px;
}

.box .content span.shadow img{
	background-color : #FFFFFF;
	border : 1px solid #c3d0e1;
	padding : 1px;
}

.box .content.gallery{
	display : block;
	padding : 5px 6px 15px 15px;
	*padding : 5px 5px 12px 15px;
	line-height : 0.70em;
	text-align : center;
}

.box .content.gallery a{
	display : inline-block;
}

.box .content a span.shadow{
	display : inline-block;
	margin : 12px 7px 0 0;
	*margin : 10px 7px 0 0;
}

.box  .shadow img{
	width : 74px;
	height : 74px;
}

.box .content a:hover span.shadow img{
	opacity : 0.5;
	filter : alpha(opacity=50);
}

.box .content div.thumb{
	display : inline-block;
	*display : inline;
	*zoom : 1;
	position : relative;
	overflow : hidden;
	margin : 12px 7px 0 0;
	*margin : 10px 9px 3px 1px;
	width : 80px;
	height : 80px;
}

.box .thumb div {
	position : absolute;
	background : url(../gfx/img-hover.png) repeat left bottom transparent;
	display : none;
	top : 0;
	left : 0;
	z-index : 999;
	text-align : center;
	width : 100%;
	height : 100%;
}

.box .thumb div a.zoom{
	display : inline-block;
	margin : 18px 0 0;
}

.box .thumb div a:hover img{
	opacity : 0.8;
	filter : alpha(opacity=80);
}

.box .content .message{
	display : block;
	border-bottom : 1px solid #c3d0e1;
	padding : 0 0 13px;
	*padding : 0 0 8px;
	font-size : 11px;
}

.tipsy {
	background : url(../gfx/tooltip.gif) no-repeat top center;
	padding : 5px;
}

.tipsy-inner {
	background-color: #002e68;
	padding: 5px 8px 4px 8px;
	text-align: center;
	color: #FFFFFF;
	font-size : 11px;
	max-width: 200px;
}

.progressbar {
	border: 1px solid #C3D0E1;
	padding : 0 1px;
	height : 29px;
	text-align : left;
}

.progressbar div {
	display : block;
	background : url(../gfx/loading-2.gif) repeat left top transparent;
	height: 100%;
}

.progressbar.animated div {
	display : block;
	background : url(../gfx/loading.gif) repeat left top transparent;
	height: 100%;
}

.footer{
	float : left;
	border-top : 1px solid #c3d0e1;
	margin : 18px 0 0;
	padding : 10px 0;
	font-size : 11px;
	color : #949ea8;
	width : 980px;
}

.footer a, .footer a:link, .footer a:active, .footer a:visited {
	color : #949ea8;
	text-decoration : underline;
}

.footer a:hover {
	color : #949ea8;
	text-decoration : none;
}

.footer .split{
	float : left;
	width : 50%;
}

.footer .split.right{
	text-align : right;
}
.clear {
    clear: both;
    font-size: 1px;
    height: 1px;
    overflow: hidden;
}
.error,.fail, .field-validation-error {
    color: red;
    margin-bottom: 15px;
}
.field-validation-error {
    display: block;
}
table.tablesorter th{cursor: pointer;}