/* CSS hacks
=====================================================================*/	
@import "ie.css"; /* Internet Explorer */


/* Undo existing styles
======================================================================*/
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th { font-size: 1em; }
blockquote, body, br, button, dl, dd, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, 
html, label, legend, li, ol, p, pre, table, td, th, ul { margin: 0; padding: 0; }


/* Fonts
======================================================================*/
.action { font-family: Arial, sans-serif; }
body, h1 span, h2 span, h3 span, h4 span { font-family: Verdana, Arial, sans-serif; }
h1, h2, legend { font-family: Georgia, "Times New Roman", Times, serif; }
h3, h4 { font-family: Corbel, Tahoma, Geneva, Verdana, Arial, sans-serif; }
#header, input, #nav, select, #tagList, textarea { font-family: Calibri, Tahoma, Verdana, Arial, sans-serif; }
#progress, #tabs { font-family: Candara, "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #353a90; }
a:hover { color: #505d64; text-decoration: none; }
address, blockquote, dl, fieldset, ol, p, table, ul { margin-bottom: 1.5em; }
abbr, acronym { border-bottom: 1px dotted #505d64; cursor: help; }
address, cite { font-style: normal; }
img { border: 0; }
body { background: #fff; font-size: 76%; line-height: 1.6; padding-bottom: 20px; }
dd { margin-bottom: 0.2em; }
dd p { margin-bottom: 0; }
dt { font-weight: bold; margin: 0.8em 0 0.1em; }
dt em { font-style: normal; font-weight: normal; }
fieldset { background: #fff; border: 1px solid #c6c199; padding: 1em; }
h1 { clear: both; font-size: 2.2em; line-height: 1.3; margin-bottom: 0.4em; }
h1, h2, h2 a, h3, h3 a, h4, h4 a, legend { color: #505d64; font-weight: normal; }
h1 a, h2 a, h3 a, h4 a { color: #353a90; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #353a90; }
h2 { font-size: 1.6em; line-height: 1.2; margin-bottom: 0.1em; }
h3 { font-size: 1.5em; line-height: 1.2; margin-bottom: 0.2em; }
h4 { font-weight: bold; line-height: 1.1; margin: 1em 0 0.4em; }
h1 span { font-size: 0.4em; }
h2 span { font-size: 0.55em; }
h3 span { font-size: 0.6em; }
h1 span, h2 span, h3 span { margin-left: 0.5em; }
hr { background: #c6c199; border: 0; clear: both; color: #c6c199; margin: 0.5em 0; height: 1px; }
html > body hr { margin: 1.5em 0; }
/*iframe { border: 0; height: 200px; width: 98%; }*/
input, select, textarea { font-size: 1.2em; }
input:focus, select:focus, textarea:focus { border-color: #911300; color: #911300; }
legend { background: #fff; font-size: 1.8em; font-weight: bold; margin-bottom: 0.5em; padding: 0 0.5em; }
li { margin-bottom: 0.5em; }
ol { margin-left: 2em; }
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: lower-roman; }
ol ol, ul ul { margin-bottom: 0; margin-top: 0.5em; }
table { border: 1px solid #e5e3d1; border-collapse: collapse; font-size: 0.9em; width: 100%; }
td { vertical-align: top; }
td, th { border: 1px solid #e5e3d1; border-width: 0 1px; padding: 0.2em 0.5em; }
th { background: #f2f1e8; border: 1px solid #e5e3d1; text-align: left; vertical-align: bottom; }
tr.alt { background: #f7f7f1; }
ul { list-style: none; margin-left: 1em; }
ul li, .content-sub li li { background: url(/source/images/bullet.gif) no-repeat 0 0.4em; padding-left: 17px; }


/* Core layout
======================================================================*/
.clear { clear: both; }
/*fieldset > .clear { float: left; width: 100%; }*/
#content, #footer .inner, #header .inner { margin: 0 3em; min-width: 570px; }
.panel { border-bottom: 1px solid #c6c199; clear: both; margin-bottom: 1em; overflow: hidden; padding-bottom: 1.5em; }
.section { border-top: 1px solid #c6c199; padding-top: 1em; }
.error { 
 background: #ffc url(/images/error.gif) no-repeat 1em 1.1em;
    border: 2px solid #ea3c20;
    color: #f00;
    padding: 1.5em 1.5em 1.5em 3.5em;
  }
  
	/*--- Content ---*/
	#content { background: url(/source/images/bg-content.gif) repeat-y 67% 0; height: 1%; }
	#content-main { float: left; overflow: hidden; width: 67%; }
	#content-main .inner { margin: 0 1.75em 0 45px; }
	.content-sub { float: right; margin-left: -3px; overflow: hidden; width: 32.5%; }
	.content-sub .inner { margin-left: 1.75em; }
		
		/* admin */
		#admin { min-width: 1000px; }
		#admin #content, #admin  #header .inner, #admin #footer .inner { width: auto; }
		#admin .content-sub { padding-top: 4.6em; }
		/*html > #admin .content-sub { padding-top: 6.5em; }*/
		#admin #footer { border-color: #f2f3ed; }
		#admin, #admin #footer, #admin #progress li { background-color: #f2f3ed; }
		
		/* Home */
		.content-home { background: #fff url(/source/images/bg-home.gif) repeat-y 50% 0; height: 1%; }
		.content-home-aux { float: right; width: 47%; }
		.content-home-sub { float: left; width: 47%; }
		#home h1 span { display: inline; margin-left: 0.5em; }
	
	/*--- Footer ---*/
	#footer { background: #fff; border-top: 1.5em solid #fff; clear: both; }
	#footer .inner { border-top: 1px solid #c6c199; padding: 0.5em 1em 0; }
	
	/*--- Header ---*/
	#header { background: #505d64; margin-bottom: 2em; padding: 1em 0 1px 0; }
	#header .outer { border-bottom: 1px solid #d7d4b8; padding-bottom: 1em; }
	
	/*--- Layouts ---*/
	.layout-1 .content-sub { display: none; }
	.layout-1 #content { background: none; }
	.layout-1 #content-main { float: none; overflow: visible; width: 100%; }
	
	/*--- Tabs ---*/
	#tabs {
		/*float: left;*/
		font-size: 1.2em;
		height: 1%;
		margin: 0 0 -1px 0.2em;
		position: relative;
		width: 100%;
	}
	
	html > body #tabs { float: none; margin: 0 0 -0.4em 0.7em; }
	
	#tabs a {
		background: url(/source/images/tab-l.gif) no-repeat 0 0;
		color: #fff;
		display: block;
		padding: 0.1em 0.8em;
		text-decoration: none;
		white-space: nowrap;
		width: 0.1em;
	}
	
	#tabs li > a { width: auto; }
	#tabs li { background: #9f9b74 url(/source/images/tab-r.gif) no-repeat right top; float: left; margin: 0 0.2em -1px; padding: 0; }
	#tabs li:hover, #tabs li.over, #tabs .current, #tabs .current:hover { background-color: #fff; background-position: 100% -100px; }
	#tabs li:hover a, #tabs li.over a, #tabs .current a, #tabs .current:hover a { background-position: 0 -100px; color: #000; }
		
		/* Admin */
		#admin #tabs a { background-image: url(/source/images/tab-l-admin.gif); }
		#admin #tabs li { background-image: url(/source/images/tab-r-admin.gif); }


/* Content
======================================================================*/
.alert, .alert a { color: #911300; }
.byline { margin: 0; }
.editTools { border: 1px solid #e5e3d1; float: right; padding: 0.2em 0.5em 0.5em; }

.hide { display: none; }
.hidden { visibility: hidden; position: absolute; left: 1px; }
.hl { background: #ffc; }
input.req, select.req, textarea.req { border-color: #911300; }

.visible { visibility: visible; position: static; }
ul.plain { margin-left: 0; }
ul.plain li { background: none; padding: 0; }
	
/*--- Action links ---*/
.action {
  background: #5d696f;
  background-image: -moz-linear-gradient(top, #5d696f, #4c585e);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #5d696f),color-stop(1, #4c585e));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5d696f', EndColorStr='#4c585e');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#5d696f', EndColorStr='#4c585e')";
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  padding: 0.5em 1.5em;
  text-decoration: none;
  text-transform: uppercase;
}

.action:hover { color: #fff; }

/*--- Administration mode ---*/
#admin table { border: 0; }
#admin table .alt, #admin table .alt td { background: #e5e4d4; }
#admin td, #admin th { background: none; border: 0; }
#admin th { border-bottom: 1px solid #c6c199; }
.none { color: #969696; }
div.scroll { border: solid 1px gray; height: 80px; overflow: auto; }

/* -- Application --*/
.loginL, .loginR { border: 1px solid #c6c199; padding: 1em; width: 170px; height: 315px; background: #fff; float: left; }
.loginL {  margin-right: 1em; }
.form { background: #fff; /*border: 1px solid #c6c199; padding: 1em;*/ }

/*--- Calendar ---*/
.calendar h2 { clear: both; margin-bottom: 0.4em; }
.calendar h3 { float: left; line-height: 1; width: 10%; }
.calendar li { margin-bottom: 0.3em; }
.calendar ol { float: right; list-style: none; margin: 0; width: 89%; }

/*--- Callouts and columns ---*/
.c2l, .call-l { float: left; }
.c2l, .c2r { width: 49%; }
.c2l .c2l, .c2r .c2r { width: 47%; }
.c2r, .call-r { float: right; }
.call-l { margin-right: 1em; }
.call-r { margin-left: 1em; }

/*--- Comments ---*/
.comment-num { color: #505d64; }
.comment-num a { font-weight: bold; margin: 0 0.1em; }

/*--- Content (subsidiary) ---*/
.collapse { left: -999em; position: absolute; top: -999em; }
.content-sub h3 { margin-bottom: 0.4em; }
.content-sub h3 span { display: inline; margin-left: 0.5em; }
.content-sub ol, .content-sub p, .content-sub ul { margin: 0 0 0.5em 0; }
.content-sub ol ol, .content-sub ul ul { margin-top: 0.5em; }
.content-sub .txt { width: 99%; }

/*--- Feature ---*/
.feature { background: #f4f0cd; padding: 10px 15px 8px; }
.feature h3 { margin: 0; }
.feature h4 { font-size: 11px; margin: 0; text-transform: uppercase; }
.feature p { margin-bottom: 1em; }

/*--- Footer ---*/
#footer { color: #7c868b; font-size: 0.9em; }
#footer address { margin: 0; }
#footer br { display: none; }
#footer .line { display: block; }
#footer span span { border-right: 1px solid #e5e3d1; margin-left: 0.2em; padding-right: 0.5em; }
#footer .first { margin: 0; }
#footer .last { border: 0; }

/*--- Forms ---*/
fieldset.iefix { border: 0; padding: 0; }
.form th { background: none; font-weight: normal; text-align: right; vertical-align: top; }
.form table { font-size: 1em; }
.form table, .form td, .form th { border: 0; }
.opt { font-size: 1.2em; }
	
	/* Buttons */
	.btn {
		background: #fff url(/source/images/bg-btn.gif) repeat-x left bottom;
		border-bottom: 1px solid #92a6af;
		border-left: 1px solid #e8eff2;
		border-right: 1px solid #92a6af;
		border-top: 1px solid #e8eff2;
		cursor: pointer;
		padding: 0.1em 1em;
		vertical-align: middle;
	}
	
	.btn-fancy {
		background: #525e65 url(/source/images/bg-btn-fancy.gif) repeat-x 0 0;
		color: #fff;
		font-size: 1.2em;
		padding: 0.6em 1.2em 0.7em;
		text-decoration: none;
	}
	
	.btn-fancy:hover { background: #757e84; color: #fff; text-decoration: underline; }
	
	/* Search */
	#search { font-size: 1em; margin-bottom: 1.75em; }
	#search .btn { vertical-align: middle; width: 28%; padding: 0.1em 0; }
	#search .txt { vertical-align: middle; width: 70%; }
	
	/* Text boxes */
	textarea.txt { height: 10em; }
	textarea.txt-sm { height: 3em; }
	.txt, .txt-sm { width: 100%; }
	.txt, .txt-sm, .txt-num, .txt-med { border: 1px solid #dddac2; padding: 0.2em 0; }
	.txt-num { width: 4em; }
	.txt-med { width: 10em; }
	
	/* TinyMCE */
	.mceToolbarContainer { position: static; }
	.mceEditorContainer td { padding: 0; }
	.mceEditor { width: 98% !important; }
	.mceContentBody { background: #fff; font-size: 0.8em; min-height: 0; padding: 0.5em; text-align: left; }
	.mceContentBody a { color: #5d859d !important; }

/*--- Header ---*/
#header, #header a { color: #fff; }
#header p { margin: 0; }
#logo { float: left; font-size: 1.75em; }
#logo a { color: #d7d4b8; text-decoration: none; }
#logo img { margin-right: 10px; vertical-align: middle; }
#logo strong { color: #fff; font-size: 0.8em; font-weight: normal; text-transform: uppercase; }
p#personal { float: right; font-size: 1.1em; padding: 0.5em 0 0 0; }

/*--- Horizontal list ---*/
ul.horizontal { list-style: none; margin-left: 0; }
ul.horizontal li { background: none; display: inline; margin-right: 0.3em; padding-right: 0.7em; }
ul.horizontal li.last { border: 0; }

/*--- Muted text ---*/
h1 span a, h2 span a, h3 span a, h4 span a, h5 span a, h6 span a, .info, .info a { color: #908b65; }
.info { font-size: 0.9em; line-height: 1.3; }

/*--- Navigation ---*/
#nav { margin: 0 0 1.75em 0; }
#nav, .nav-sub { font-size: 1.1em; }
.nav-sub { margin: 0 0 1.3em 0; }
#nav .first, .nav-sub .first { border: 0; margin-left: 0; padding-left: 0; }

#nav li, .nav-sub li {
	background: none;
	border-left: 1px solid #cfd3d5;
	display: inline;
	margin-left: 0.3em;
	padding-left: 0.5em;
	white-space: nowrap;
}

#nav strong a, .nav-sub strong a { color: #505D64; }
.nav-sub p, .nav-sub ul { display: inline; }

/*--- Progress indicator ---*/
#progress {
	background: url(/source/images/line-we.gif) repeat-x 0 47%;
	float: left;
	font-size: 1.7em;
	list-style: none;
	margin: 0 0 .3em;
}

#progress a, #progress del { color: #c0c0c0; }

#progress li {
	background-repeat: no-repeat;
	background-position: 0 50%;
	float: left;
	margin-right: 1em;
	padding: 0.3em 0.5em 0.3em 45px;
}

#progress strong a { color: #000; }

	/* Steps */
	#progress li.last { margin: 0; }
	#progress li.step-0 { padding-left: 0; }
	#progress li.step-3 { margin: 0; padding-left: 10px; }
	.step-1-on { background-image: url(/source/images/step-1-on.gif); }
	.step-1-off { background-image: url(/source/images/step-1-off.gif); }
	.step-2-on { background-image: url(/source/images/step-2-on.gif); }
	.step-2-off { background-image: url(/source/images/step-2-off.gif); }
	
	
	.appStep-1-on { background-image: url(/source/images/step-1-on.gif); }
	.appStep-1-off { background-image: url(/source/images/step-1-off.gif); }
	.appStep-2-on { background-image: url(/source/images/step-2-on.gif); }
	.appStep-2-off { background-image: url(/source/images/step-2-off.gif); }
	.appStep-3-on { background-image: url(/source/images/step-3-on.gif); }
	.appStep-3-off { background-image: url(/source/images/step-3-off.gif); }
	.appStep-4-on { background-image: url(/source/images/step-4-on.gif); }
	.appStep-4-off { background-image: url(/source/images/step-4-off.gif); }

/*--- Questions ---*/
.questions li { margin-bottom: 1.5em; }
.questions, .questions ol { margin-left: 2.5em; }
.questions ol { font-weight: normal; list-style: none; margin: 0.2em 0 0.5em; }
.questions ol li { margin-bottom: 0.5em; }
.questions ol.flat li { display: inline; margin-right: 1em; }
/*.questions ol input { margin-right: 1.8em; }
.questions ol input.txt { margin-left: -3.8em; }*/
.questions .txt { display: block; width: 75%; }
.questions .info { display: block; font-weight: normal; }
.questions table { border: 0; margin: 0.5em 0; width: 75%; }
.questions td { border: 1px solid #e5e3d1; }
.questions td.level { text-align: center; padding-left: 0; padding-right: 0; vertical-align: middle; width: 8%; }
.questions textarea.txt, .rating textarea.txt { width: 90%; height: 10em; }
.questions td textarea.txt { width: 98%; }
.questions th { font-weight: normal; text-align: center; white-space: nowrap; }
.questions th.col-question { text-align: right; }
.questions th .level-low { float: left; }
.questions th .level-high { float: right; }
.questions .txt, .questions .txt-num { border-color: #86804c; }
.questions p { margin-bottom: 0.2em; }
table.rating-sm { margin-bottom: 0.5em; width: 50%; }

/*--- RSS icon ---*/
.rss {
	background: #f60;
	border-bottom: 1px solid #3f1901;
	border-left: 1px solid #ff9a56;
	border-right: 1px solid #7c3302;
	border-top: 1px solid #ffc8a4;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	padding: 0.1em 0.4em;
	text-decoration: none;
}

.rss:hover { background: #F7A867; color: #fff; }

.rss:active {
	border-top: 1px solid #3f1901;
	border-right: 1px solid #ff9a56;
	border-left: 1px solid #7c3302;
	border-bottom: 1px solid #ffc8a4;
}

/*--- Suggest ---*/
.suggest { position: relative; width: 25em; z-index: 24;  }

.suggest a {
	border: 1px solid #fff;
	border-width: 1px 0;
	color: #000;
	cursor: default;
	display: block;
	padding-left: 0.5em;
	text-decoration: none;
}

.suggest a:hover, .suggest a:focus, .suggest a.highlight { background: #f3f2ea; border-color: #ccc; color: #000; }
.suggest div { background-color: #fff; border: 1px solid #505d64; left: 0; position: absolute; top: 0; width: 75%; }
.suggest li { background-image: none; padding-left: 0; }

.suggest p {
	background: #505d64;
	color: #e5e0eb;
	font-size: 0.8em;
	font-weight: bold;
	margin: 0;
	padding: 0.2em 0.5em 0.3em;
	text-transform: uppercase;
}

.suggest ul { margin: 0; }


/*--- Tags ---*/
#tagList { font-size: 1.1em; line-height: 2.1em; list-style: none; margin-left: 0; }
#tagList li { background: none; display: inline; margin-right: 0.5em; padding: 0; }
.tag-list-mini strong { margin-right: 0.5em; }

.t-1 { font-size: 1em; }
.t-2 { font-size: 1.1em; }
.t-3 { font-size: 1.2em; }
.t-4 { font-size: 1.3em; }
.t-5 { font-size: 1.4em; }
.t-6 { font-size: 1.5em; }
.t-7 { font-size: 1.6em; }
.t-8 { font-size: 1.7em; }
.t-9 { font-size: 1.8em; }
.t-10 { font-size: 1.9em; }
.t-11 { font-size: 2em; }
.t-12 { font-size: 2.1em; }
.t-13 { font-size: 2.2em; }
.t-14 { font-size: 2.3em; }
.t-15 { font-size: 2.4em; }

/*--- Tasks (add links and more) ---*/
.task { margin-top: 0.5em; }
.task img { vertical-align: middle; }

/*--- Tooltips ---*/
.tooltip { cursor: help; position: relative; }
.tooltip:hover .new-tip { left: 0; top: 1em; }
.tooltip:hover { background: #fff; }

.tooltip .new-tip {
	background: #f3f2ea url(/source/images/help.gif) no-repeat right top;
	border: 1px solid #e5e3d0;
	color: #911300;
	display: block;
	left: -999em;
	line-height: 1.6;
	position: absolute;
	padding: 1em;
	text-decoration: none;
	top: -999em;
	width: 18em;
}