@import url("../../css/reset.css");

/* Generic Colour Styles. These will be moved out later to be customized */
body { background: #e7e7e2; color:#696767;}
a:link,a:visited,a:active {color:#4f91b0;text-decoration:none;}
a:hover {color:#000000;}
	
body { font-family: arial, helvetica, sans-serif; font-size:14px;margin:0px;}

.clear {clear: both;}
textarea,input {color:#7b7d6f}
strong { font-weight:bold;}
p img {padding: 0;max-width: 100%;}
img.centered,img.aligncenter {display: block;margin:0 auto;border:1px solid #c0c0c0;overflow:hidden;padding: 4px;}
img.alignright {padding: 4px;margin: 2px 0 2px 7px;display: inline;border:1px solid #c0c0c0;}
img.alignleft {padding: 4px;margin: 2px 7px 2px 0;display: inline;border:1px solid #c0c0c0;}
.alignright {float: right;}
.alignleft {float: left}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
.center {text-align: center;}
.hidden {display: none;}
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}

#topinfopanel {position:fixed; top:0px; left:0px; width:100%;}
#topinfopanel .content-alert, #topinfopanel .content-warning,#topinfopanel .content-dark,#topinfopanel .content-information{ padding: 20px 0px 24px 20px;float:left;width:100%; }
#topinfopanel  h2 {font-size:24px; color:#000;}
#topinfopanel  p {font-size:12px;line-height:20px;color:#222222;}
#topinfopanel .content-alert {background-color: #FDF1F1; border-bottom:1px solid #FBC2C4;}
#topinfopanel .content-warning {background-color: #FCFAE4; border-bottom:1px solid #F4E887;}
#topinfopanel .content-information {background-color: #E4F4FC; border-bottom:1px solid #C2E1EF;}

#topinfopanel .qbutton, #midpanelnotice  .qbutton{float:right;line-height:50px;}
#topinfopanel .qbutton img, #midpanelnotice .qbutton img {padding:15px 40px 0px 0px;}
#topinfopanel .qbutton a:link,#topinfopanel  .qbutton a:visited,#topinfopanel .qbutton a:active,#midpanelnotice .qbutton a:link,#midpanelnotice  .qbutton a:visited,#midpanelnotice .qbutton a:active {font-size:18px;padding:10px 25px 10px 25px;background: #5c96b0;border:1px solid #bdbdbd;color:#ffffff;}
#topinfopanel .qbutton a:hover, #midpanelnotice  .qbutton a:hover{ background:#88c2dc;}

#wrapper {
	width:960px;
	margin:10px auto 0;
}
		
#header {
	margin-bottom:20px;
	padding:0 10px;
	width:940px;
	display:block;
}

#header #logo {
	float:left;
	margin-bottom:10px;
}
		
#header #pagenav {
	float:right;
}					
		
#main {
	clear:both;
	overflow:hidden;
}

#main .container {
	background-color:#ffffff;
	border:1px solid #d2d2cf;
	padding:29px;
	overflow:hidden;
}
						
#main .container .content {
	line-height:24px;
	color:#7e7e7e;
	width:560px;
	float:left;
}

#main .container .content .title {
	font-size:30px;
	color:#5c96b0;
	margin-bottom:15px;
}

#main .container .content p { 
	margin-bottom:20px;
}

#main .container .content h1,#main .container .content h2,#main .container .content h3,#main .container .content h4 {
	color:#697e87;
	margin-bottom:15px;
}

#main .container .content h1 {
	font-size:30px;
}

#main .container .content h2 { 
	font-size:24px;
}

#main .container .content h3 { 
	font-size:18px;
}

#main .container .content h4 {
	font-size:14px; 
}

#main .container .content ul { 
	margin:10px 0 10px 20px;
}

#main .container .content ul li{
	padding-bottom:5px;
	padding-left:17px;
	background: url(images/bluedot.gif) 0 7px no-repeat;
}

#main .container .content ol {
	list-style: decimal;
	margin:10px 0 10px 50px;
}

#main .container .content ol li {
	padding-bottom:5px;
}

#main .container .content blockquote {
	border:1px #c0c09b solid;
	background:#f0f0e5 url(images/quote.gif) 10px 15px no-repeat;
	padding:20px;
	padding-left:55px;
	font-style:italic;
	margin:20px 0;
}

#main .container .content a {
	text-decoration:underline;
}
				
#main .container .content form {
	margin:20px 40px;
}

#main .container .content form label {
	display:block;
	margin-bottom:5px;
}

#main .container .content form input,#main .container .content form textarea,#main .container .content form select {
	background-color:#e7e7e2;
	border:1px solid #ccccba;
	padding:5px;
	color:#333333
}		
				
#main .container .content .blogpost {
	margin-bottom:20px;
	overflow:hidden;
}

#main .container .content .blogpost .comments a {
	color:#6e6e6e;
	text-decoration:none;
}
						
#main .container .content .blogpost h2.title {
	margin:0;
	padding:0;
}

#main .container .content .blogpost h2 a{
	text-decoration:none;
}

#main .container .content .blogpost .meta {
	font-size:12px;
}

#main .container .content .blogpost .entry {
	clear:both;
	overflow:hidden;
	margin-top:15px;
}

#main .container .content #comments {
	font-size:24px;
	margin:0;
}

.author-tagline {font-size:11px;}
.author-tagline b { color:#5c96b0; font-weight:bold;}
.author-tagline span { font-size:11px;}
			
#main .container .content ol.commentlist {
	margin:10px 0 0;
	clear:both;
	overflow:hidden;
	list-style:none;
}

#main .container .content ol.commentlist li {
	margin:10px 0;
	line-height:18px;
	padding:10px 0px 10px 0px;
	list-style:none;
	border-bottom:1px solid #efefef;
}

#main .container .content ol.commentlist a.spam {text-decoration:none; font-size:11px;}

#main .container .content ol.commentlist li .comment-meta{
	font-size:10px;
}

#main .container .content ol.commentlist li .comment-meta a {
	color:#a7a7a7;
	text-decoration:none;
}

#main .container .content ol.commentlist li p {
	line-height:22px;
	margin-top:5px;
	font-size:12px;
}
					
#main .container .content #comment-form {
	margin-top:20px;
}

#main .container .content #comment-form #respond h3 {
	font-size:24px;
}

#main .container .content #comment-form #respond #commentform {
	margin:0;
}
#main .container .content #comment-form #respond #commentform label{
	margin-left:10px;
	display:inline;
}
#main .container .content #comment-form #respond #commentform label small {
	font-size:10px;
	color:#a0a0a0;
}
#main .container .content #comment-form #respond #commentform textarea,#main .container .content #comment-form #respond #commentform input {
	margin-bottom:10px;
	padding:5px; 
	margin:0 10px 10px 0;
	background:#f8f8f5;
	border-left:1px solid #d1cec6;
	border-top:1px solid #d1cec6;
	border-right:1px solid #edede8;
	border-bottom:1px solid #edede8;
}
#main .container .content #comment-form #respond #commentform input{
	width:400px;
}
#main .container .content #comment-form #respond #commentform textarea{
	width:560px;
}
#main .container .content #comment-form #respond #commentform input#commentSubmit {
	width:100px;
	padding:5px;
	background:#a6cfda;
	border:1px solid #78b0bf;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}

#main .container .content .navigation,#main .container .content .comment-nav {
	clear:both;
	font-size:11px;
	overflow:hidden;
}
#main .container .content .navigation .alignleft,#main .container .content .navigation .alignright,#main .container .content .comment-nav .alignright,#main .container .content .comment-nav .alignleft {
	width:49%;
	overflow:hidden;
	padding:10px 0;
}
#main .container .content .navigation .alignright,#main .container .content .comment-nav .alignright {
	text-align:right;
}
#main .container .content .navigation a,#main .container .content .comment-nav a{
	background:#eee;
	border:1px solid #d0d0c9;
	padding:10px;
	text-decoration:none;
}
#main .container .content .navigation a:hover,#main .container .content .comment-nav a:hover {
	border:1px solid #c2c2c2;
	color:#6d6d6d;
}

#main .container .fullwidth {
	width:900px;
}
#main .container .fullwidth .thumblarge {
	margin-bottom:20px;
}

#main .container .sidebar {
	width:300px;
	margin-left:40px;
	float:left;
}
#main .container .sidebar .widget {
	margin-bottom:20px;
}
#main .container .sidebar .widget h3 {
	padding:0 10px 10px 0px;
	padding-top:0;
	margin-bottom:15px;
	font-size:24px;
	color:#747474;
	border-bottom:1px solid #e3e3e3;
}
#main .container .sidebar .widget h3 img {
	display:none;
}

#main .container .sidebar .widget ul li {
	padding-bottom:5px;
	padding-left:20px;
	background: url(../../css/images/arrowsright.gif) no-repeat 5px 3px;
}

#main .container .sidebar .widget ul li:hover {
	background: url(../../css/images/arrowsright.gif) no-repeat -295px 3px;
}

#main .container .sidebar .widget_rssfeed {
	font-size:16px;
}
#main .container .sidebar .widget_rssfeed ul li.rss { 
	background:url(images/rssfeed.png) 0 0 no-repeat; 
	padding:6px 0 10px 38px;
}
#main .container .sidebar .widget_rssfeed ul li.email { 
	background:url(images/mail.png) 0 0 no-repeat; 
	padding:6px 0 10px 38px;
}
#main .container .sidebar .widget_rssfeed ul li.twitter {
	background:url(images/twitter.png) 0 0 no-repeat; 
	padding:6px 0 10px 38px;
}

#main .container .sidebar .widget_search form div {
	background:#e7e7e2;
	border:1px solid #cbcbc9;
	padding:5px;
}
#main .container .sidebar .widget_search form div input {
	border:0;
	background:#e7e7e2;
	color:#666666;
	padding:5px;
}
#main .container .sidebar .widget_search form div input#keyword {
	width:200px;
}
#main .container .sidebar .widget_search form div input#searchsubmit {
	cursor:pointer;
	color:#616161;
	border-left:1px solid #cbcbc9;
}

#footer {
	font-size:12px;
	padding:20px 0px 20px 0px;
	clear:both;
	overflow:hidden;
	width:100%;float:left;
}
#footer .footernav, #footer .copyright {
	float:left;
	width:49%;
	display:inline;
}
#footer .footernav ul {
	overflow:hidden;
}
#footer .footernav ul li {
	float:left;
	padding: 0 10px;
	border-right:1px solid #bebea7;
}

#footer .footernav ul li a:hover {
	color:#666666;
}
#footer .copyright {
	text-align:right;
}
	
	
	
	
.pageLvlInnerError  { border: 1px solid #FBC2C4; background: #FDF1F1 url(../../admin/css/icons/cross_circle_frame.png) no-repeat 12px 34px; }
.pageLvlInnerOK  { border: 1px solid #C6D880; background: #E6EFC2 url(../../admin/css/icons/tick_circle_frame.png) no-repeat 12px 34px;}
.pageLvlInnerWarning  { border: 1px solid #F4E887; background: #FCFAE4 url(../../admin/css/icons/exclamation_frame.png) no-repeat 12px 34px; }
.pageLvlInnerInformation  { border: 1px solid #C2E1EF; background: #E4F4FC url(../../admin/css/icons/information_frame.png) no-repeat 12px 34px; }
.alert { font: 12px; margin:10px 0px 10px 0px; float: left; width: 100%; }
.AlertExportModeMin , .AlertExportMode, .pageLvlInnerError, .pageLvlInnerOK , .pageLvlInnerWarning, .pageLvlInnerInformation { min-height: 30px; padding-right: 8px;  padding-top: 10px; padding-bottom: 9px; }
.alert p { padding: 0px 8px 0px 0px; margin-left: 40px; } 

.alert p.alertTitleShort { font-size: 16px; font-weight: bold; text-align: left; padding: 0px 0px 4px 0px; margin: 3px 0px 0px 40px; width: 50%; float:left; }
.alert p.alertTitle{ font-size: 16px; font-weight: bold; text-align: left; padding: 20px 0px 0px 0px; margin: 0px 0px 0px 40px; width: 100%;  }