@charset "UTF-8";
/* CSS Document for Portal Template 1*/



/*-------Full Document------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
.wait, .wait a, .wait li, .wait ul, .wait div{
	cursor:wait!important;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
ul{
	list-style:none;
}
body{
	 background-image: url("images/bodyBG.jpg");
	 font-family:calibri, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 
}
.wrapper{
	background-color: #FFFFFF;
    box-shadow: 0 0 20px #000000;
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
	position:relative;
}
.wrapper1{
	width: 712px;
	margin: 0 auto;
}
.wrapper2{
	margin-left: 6%;
	max-width:900px;
	width:90%;
}
.clear{
	clear:both;
}
	
.content{
	
	padding:8px 5px;
	min-height:92px;
}
#wpadminbar{
	display:none;
}
.preview{
	background-color:#F00;
	color:#000;
	padding:5px;
	font-size:14px;
	font-weight:bold;
}
.newPost{
	border:2px #f00 solid!important;
	margin:-2px;
}
span.newPost{
	display:inline-block;
}
.cardArea span.newPost{
	float:left;
}
tr.newPost td{
	border:2px solid #f00!important;
	border-left:0px!important;
	border-right:0px!important;
}
tr.newPost td:first-child{
	border-left:2px solid #f00!important;
}
tr.newPost td:last-child{
	border-right:2px solid #f00!important;
}
ol ol{
	list-style:lower-alpha;
}
code {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #e0e0e0;
    font-family: monospace;
    padding: 2px;
}
/*----Post Styling------*/
.browserPage .intro ol, .browserPage .intro ul{
	margin-left:1em;
	padding-left:1.5em;
}
.browserPage .intro ul{
	list-style:outside;
}
.browserPage ol ol{
	list-style:lower-alpha;
}
.browserPage table{
	border-collapse:collapse;
	width:auto;
}
.browserPage table td, .browserPage table th{
	border:1px solid #000;
	padding:.25em .5em;
	background-color:#fff;
}
.browserPage table thead td, .browserPage table th{
	background-color:#546152;
	color:#fff;
	font-weight:bold;
}
.browserPage table ol, .browserPage table ul{
	margin:0;
}
.subHead th{
	text-align:left;
}
/*------------Header------------*/
.roots a{
	padding: 3px 15px;
	font-size:12px;
	text-decoration: none;
	float:left;
	height:20px;
	line-height:20px;
	text-transform:capitalize;
}
.roots img{
	float:left;
	width:28px;
	height:26px;
}
.header .logo{
	padding-left:10px;
}
.header .logo img{
	margin:15px 0px;
}
.header .logo a{
	line-height:0;
	display:inline-block;
}
.header h2{
	font-size:1.3em;
}
#crumb{
	white-space:nowrap;
}

/*----------Card Area----------*/
.cardArea{
	padding:10px 0;
}
.cardArea h1{
    font-size: 1.8em;
    font-weight: normal;
}
.cardArea h2{
	font-size: 1.35em;
	margin-bottom:10px;
	font-weight:normal;
}
.cardArea .description{
	font-size:.85em;
	padding-bottom:15px;
}
.cardBox{
	height:135px;
	width:120px;
	box-shadow:0px 0px 5px #888888;
	margin:100px 10px 0px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	float:left;
	background-color: #546152;
	position:relative;
}
.twitterinc .cardBox{
	margin:80px 5px 10px;
}
.cardArea2 .cardBox{
	margin-top:10px;
}
.ie8 .cardBox{
	border: 1px solid #ccc;
	margin: 9px;
}
.cardBox .cardTop{
	text-align:center;
}
.cardBox .cardTop img, .cardBox .cardTop2 img{
	vertical-align:middle;
	width:120px;
}
.cardBox .cardBottom{ 
	background-image:url(images/client/cardBG.jpg);
	background-repeat:repeat-x;
	text-align:center;
	padding:5px 5px 3px;
	height:46px;
	position:relative;
	line-height:105%;
	font-size:.9em;
}
.cardBox .cardBottom2{
	text-align:center;
	padding:5px 6px 10px;
	height:34px;
	font-size:.9em;
	position:relative;
	line-height:105%;
	color:#546152
}
.cardBox:hover .cardBottom{
	background-image:url(images/client/cardBG_hover.jpg);
	background-repeat:repeat-x;
}
.cardBox .cardBottom .coming, .cardBox .cardBottom2 .coming{
	font-size:12px;
	font-style:italic;
	background-color:#666666;
	color:#fff;
	padding:2px 0 3px;
	display:none;
	position:absolute;
	width:100%;
	left:0;
	top:-20px;
}
.cardBox.userCard{
	background-image:url(images/client/cardBG2.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#EFEAD7;
	border-color:#c0b898;
	box-shadow: 0 0 5px #CCCCCC;
}
.cardBox.userCard .cardTop2{
	padding-top:5px;
}
.cardTitle {
  line-height: 115%;
}
.secure{
	background-image:url(images/secure.png);
	height:15px;
	width:10px;
	position: absolute;
	right: 2px;
	top: 32px;
	float:right;
	background-repeat:no-repeat;
}
.cardBox a:hover{
	text-decoration:none;
}

.twitterFeed {
  background: url("http://sageportal.org/wp-content/themes/Template_UT/images/twitterheader.png") no-repeat scroll 10px 10px, url("images/fileTreeBG.png") repeat scroll 0 0 transparent;
  border: 1px solid #C8CBC7;
  box-shadow: 0 0 10px #BCBFBB inset;
  display: inline-block;
  font-size: 0.85em;
  height: 115px;
  margin: 10px 0 0 5px;
  padding: 10px;
  width: 220px;
}
.twitterFeed h2{
	height:15px;
	border-bottom:1px solid #fff;
	margin-bottom:5px;
}
.ie8 .twitterFeed {
  background: url("http://sageportal.org/wp-content/themes/Template_UT/images/twitterheader.png") no-repeat scroll 10px 10px #D4D7D3;
  border: 1px solid #C8CBC7;
  box-shadow: 0 0 10px #BCBFBB inset;
  width: 200px;
}
	/*---disabled cards---*/
	.cardBox.disabled{
		background:#CCC;
		border:1px solid #666;
	}
	.cardBox.disabled img{
		opacity:.25;
	}
	.cardBox.disabled .cardBottom {
		background-image:url(images/client/cardBG_disabled.jpg);
		background-color:#a1a1a1;
		background-repeat:repeat-x;
		color:#000;
	}
	.cardBox.disabled .cardBottom .coming, .cardBox.disabled .cardBottom2 .coming{
		display:block;
	}
	.cardBox.disabled a:hover{
		cursor:not-allowed;
		
	}
	.cardBox.disabled:hover .cardBottom{
		background-color:#a1a1a1;
	}
	.cardBox.disabled:hover{
		background-color:#ccc;
	}

/*--------Home----------------*/
.welcomeMessage{
	width:548px;
	float:left;
	padding-left:10px;
}
.welcomeMessage a:hover{
	text-decoration:underline;
}
.welcomeMessage h2{
	font-size: 1.22em;
    padding-bottom: 5px;
}
.welcomeMessage p {
    font-size: 0.85em;
    line-height: 1.2em;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-top: 5px;
}
.quickLinks{
	float:left;
	padding-left:20px;
}
.quickLink{
	border-radius:5px;
	border:1px solid #ccc;
	margin:0 0 15px;
	text-align:center;
	width:120px;
	height:73px;
	position:relative;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;
	position:relative;
}

.announcements h2{
	padding-bottom:5px;
}
.ie8 .quickLink{
	border: 1px solid #ccc;
}
.quickLink.disabled{
	cursor:not-allowed;
	background-color:#CECECE!important;
	border-color:#666;
}
.quickLink.disabled a:hover {
	cursor:not-allowed;
}
.quickLink a{
	height:100%;
	display:block;
}
.quickLink a:hover{
	text-decoration:none;
}
.quickLink a .lName{
	margin-top:-1px;
	text-align:center;
	padding:0 2px;
	line-height:17px;
	height: 26px;
}
.quickLink a div span{
	white-space:nowrap;
}
.quickLink.disabled a .lName{
	color:#666;
}

.quickLink .soon{
	background-color: #666;
    color: #FFFFFF;
    display: none;
    font-size: 11px;
    font-style: italic;
    line-height: 110%;
    padding: 2px 0 3px;
    position: absolute;
    top: 35px;
    width: 100%;
}
.quickLink.disabled .soon{
	display:block;
}
.quickLink.disabled img{
	opacity:.5;
}

/* -------- Resources --------*/
	.resourceWrapper{
		padding:15px 25px;
	}
	.printPage{
		background-image: url("images/printRequest.gif");
		background-position: 0 0;
		background-repeat: no-repeat;
		display: block;
		float: right;
		height: 25px;
		margin-left: 1em;
		overflow: hidden;
		position: relative;
		width: 30px;
		border-radius:8px;
	}
	.printPage:hover{
		background-position:0 -25px;
	}
/*----------------------------*/	
/*-------File Tree------------*/
/*----------------------------*/
	.fileTree{
		background-image:url(images/fileTreeBG.png);
		border-radius: 5px 0 0 5px;
		bottom: 0;
		float: left;
		left: 0;
		padding:1%;
		width:23%;
		position: absolute;
		top: 0;
		font-size:.9em;
		border-right:1px solid #546152;
		overflow:auto;
		box-shadow: 0 0 5px #979A96 inset;
	}
	.fileTree ul{
		margin-left:1em;
	}
	.fileTree > ul{
		margin:0;
	}
	.fileTree li{
		padding:3px;
		cursor:pointer;
	}
	.fileTree li:hover{
		border: 1px dashed #546152;
		padding:2px;
	}
	.fileTree li .folderIcon{
		background-image:url(images/folderSprite.png);
		background-repeat:no-repeat;
		background-position:0 0;
		height:15px;
		width: 15px;
		display:inline-block;
		margin-right:.5em;
	}
	.fileTree ul ul{
		display:none;
	}
	.fileTree ul .open{
		display:block;
	}
	.fileTree li.open .folderIcon{
		background-position:0 -15px;
	}
	.fileTree li.open.active .folderIcon{
		background-position:0 -30px;
	}
	.fileTree li.open.active{
		text-decoration:underline;
	}
	.fileTree li a{
		color:inherit!important;
		text-decoration:none!important;
	}
	.loader{
		text-align:left;	
	}
	#loopHolder .subfolder{
		padding-left:50px;
		background-image:url(images/bigFolder.png);
		background-repeat:no-repeat;
		background-position:left center;
		height:35px;
		margin:1em 0;
		font-size:1.15em;
		line-height:35px;
	}
	#loopHolder .subfolder:hover{
		cursor:pointer;
		background-image:url(images/bigFolderOpen.png);
		text-decoration:underline;
	}
	
/*----------------------------*/	
	
	.tabSection table{
		max-width:900px;
		width:100%;
	}
	.tabSection table.dateTable{
		max-width:800px;
		width:80%;
	}
	.tabSection h2{
    	color: #546152;
	    font-size: 1.25em;
	    margin-bottom: 0.5em;
	    margin-top: 0.2em;
	}
	.tabSection h3{
    	font-size: 1.2em;
    	margin-bottom: 0.75em;
    	margin-top: 1.5em;
		max-width:900px;
		width:100%;
	}
	.tabSection a, .searchPage a{
		margin-right:5px;
		text-decoration:underline;
	}
	.tabSection a:hover, .searchPage a:hover{
		color:#A2B79F;
	}
	#resourceArea, #dateArea{
		padding:.5em 2% 1em 27%;
		border-radius: 5px ;
		background-image:url(images/client/bottomgradient.jpg);
		background-repeat:repeat-x;
		min-height:250px;
		position:relative;
	}
	#dateArea{
		padding:.5em 1em;
	}
	#resourceArea table, #dateArea table{
		border-collapse: separate;
    	border-spacing: 0;
	}
	
	#resourceArea th, #dateArea th{
		color: #FFFFFF;
		font-size: 1em;
		padding: 0.5em 1%;
		text-align: left;
	}
	#dateArea .dateTable th{
		padding:5px;
	}
	#resourceArea td, #dateArea td{
		padding:.25em .5em;
		line-height:1.5em;
	}
/*-------FAQs----------*/
.faqPage .leftHalf{
	width:65%;
	float:left;
}
.faqPage .rightHalf{
	width:35%;
	float:left;
	background-color: #FEF5E7;
}
.faqArea{
	padding:1em;
}
.faqArea h1{
	font-size:1.2em;
	border-bottom:1px solid #24326C;
	margin-bottom:.5em;
}
.faqArea .faqs h2 {
	color:#546152;
}
.faqArea .faqs h2 span{
	line-height:35px;
	vertical-align:top;
	display:inline-block;
}
.faqArea .faqs .faqsList li{
	font-size:.9em;
	padding-left:2.5em;
	margin:1em 0;
}
.faqArea .faqs .faqsList li span{
	cursor:pointer;
}

.faqArea .faqs .faqsList li .answer{
	font-size:.8em;
	color:#999;
}
.faqArea .faqs .faqsList li .answer p{
	margin: 1em 0;
}
.faqsList li .answer ul{
	font-size:100%;
	list-style:outside;
	padding-left:1.5em;
}
.faqArea .faqs .faqsList li .answer ul li{
	padding:0;
	font-size:100%;
}
.faqNav, .bar{
	padding:1em;
}
.faqNav ul{
	padding-top:1em;
}
.faqNav ul li{
	color:#24326C;
}
.faqNav ul li.active{
	color: #9682b6;
	text-decoration:underline;
}
.faqNav ul li:hover{
	cursor:pointer;
	text-decoration:underline;
}
.faqNav h2, .bar h2{
	border-bottom:1px solid #24326C;
	line-height:24px;
}
/*-------Annoucements--------*/
	.announcements ul ul{
		list-style:disc outside none;
		padding-left: 13px;
	}
	.announcements li{
		padding-left:30px;
		list-style:none;
		background-image:url(images/client/old.png);
		background-repeat:no-repeat;
		background-position:4px 0;
		font-size:.9em;
		margin: .5em 0;
	}
	.description h2{
		font-size:1.15em;
	}
	.description en{
		font-style:inherit;
	}
	.description strong{
		font-weight:bold;
	}
	.description li{
		list-style:outside disc;
		margin: .5em 0 .5em 1.5em;
	}
	.description li li{
		list-style:circle;
	}
	.announcements li.newAnnouncement{
		background-image:url(images/client/new.png);
		background-position:0 0;
	}
	.announcements .date{
		font-size:.8em;
		font-style:italic;
		color:#999;
	}
	.announcements p{
		margin-bottom:0;
		font-size:1em;
		padding:0;
	}
	.documents ul{
		list-style:disc outside none;
		padding-left: 13px;
	}
	.documents ul li{
		padding-left:30px;
		list-style:none;
		background-image:url(images/client/old.png);
		background-repeat:no-repeat;
		background-position:4px 0;
		font-size:.9em;
		margin: .5em 0;
	}
	.documents ul li a{
		color:#546152;
	}
	.description p{
		margin: 1em 0;
	}

/*-------System Status Page-------*/
.statusPage{
	padding:1em;
}
.statusPage h1{
	border-bottom: 1px solid #546152;
    font-size: 1.2em;
    margin-bottom: 0.5em;
}
.statusPage table{
	margin:0 auto;
	border:1px solid gray;
	margin-top:1em;
}
.statusPage table th{
	background-color:#546152;
	color:#fff;
	padding:.5em;
}
.statusPage table tr:nth-child(even) td{
	background-color:#E4F0E2;
}
.statusPage table td{
	padding:.5em;
	font-size:.9em;
}
.statusPage table td a{
	color:#546152;
}
.statusPage table td a:hover{
	text-decoration:underline;
}
.statusPage table td .statusDetails{
	color:#aaa;
	font-size:.9em;
}
.statusPage table td div .statusText{
	line-height: 40px;
    vertical-align: bottom;
}
.statusPage table td div .icon{
	display:inline-block;
	height:35px;
	width:35px;
	background-image:url(images/statusIcons.png);
	background-repeat:no-repeat;
}
.statusPage table td div.full .icon{
	background-position:1px 0;
	
}
.statusPage table td div.partial .icon{
	background-position:-34px 0;
}
.statusPage table td div.not .icon{
	background-position:-68px 0;
}
.statusPage table td div.soon .icon{
	background-position:-103px 0;
}
/*-------Browsers---------*/
.browserPage{
	padding:1em;
}
.browserPage .intro ul{
	padding-left:1.5em;
	list-style:outside;
}
.browserPage .intro li{
	margin:.25em 0;
}
.browserPage .intro ul ul{
	list-style:circle;
}
.browserPage h1{
	font-size:1.2em;
	border-bottom:1px solid #546152;
}
.browserPage .intro h2{
	color: #546152;
    font-size: 1.15em;
	font-weight:bold;
}
.browser h2{
	font-weight:bold;
}
.browserPage h3{
	font-weight:bold;
	font-size:1.2em;
    margin: 1.25em 0 .5em;
}
.browserPage .intro h3{
	border-bottom: 1px solid #DBDBDB;
	font-weight:normal;
}
.browserPage .intro{
	margin-top:1em;
	margin-bottom:1.5em;
	font-size:.9em;
}
.browserPage p{
	margin: 0.5em 0;
	line-height:130%;
}
.bIcon{
	display:inline-block;
	width:50px;
	height:50px;
	background-image:url(images/browserIcons.png);
	vertical-align:middle;
	padding-bottom:2px;
	background-repeat:no-repeat;
}
.bIcon.windows{
	background-position:0 0;
}
.bIcon.mac{
	background-position:-50px 0;
}
.bIcon.linux{
	background-position:-100px 0;
}
.bIcon.inform{
	background-position:-150px 0;
}
.bIcon.faqssymbol{
	background-position:-200px 0;
}
.bIcon.droid{
	background-position:-250px 0;
}
.bIcon.chrome{
	background-position:-300px 0;
}
.bIcon.ipad{
	background-position:-50px 0;
}
.browserPage ul.btabs{
	width:23%;
	margin-top:.5em;
	margin-right:-1px;
	list-style:none;
	padding:0;
	float:right;
}
.bDownloads{
	width:76.5%;
	border:1px solid #999;
	border-radius:5px;
	float:right;
}
.btabs li{
	border:1px solid #999;
	border-radius: 5px 0 0 5px;
	padding:.2em;
	margin:.5em 0;
	cursor:pointer;
	background-image: url("http://sageportal.org/wp-content/themes/Template_UT/images/btabBG.jpg");
    background-position: right;
    background-repeat: repeat-y;
	background-color:#efefef;
}
.btabs li:hover{
	background-image:none;
	background-color:#E4F0E2;
}
.btabs li.active{
	background-image:none;
	background-color:#fff;
	border-right:1px solid #fff;
}
.btabs li.disabled{
	background-image: none;
	background-color:#ccc;
}
.btabs li.disabled:hover{
	background-image: none;
	background-color:#ccc;
	cursor:not-allowed;
}
.btabs li.disabled .bIcon{
	background-image:url(images/browserIcons_gs.png);
}
.btabs li .OS{
	display: inline-block;
    font-size: 1em;
    vertical-align: middle;
    width: 65%;
}
.btabs li .OS .osName{
	font-weight:bold;
	font-size:1.5em;
}
.btabs li.disabled .OS .osName{
	color:#858585;
}
.btabs li .OS .version{
	color:#546152;
	font-size:.8em;
}
.btabs li.disabled .OS .version{
	color:#999;
}
.btabs li.disabled:hover .OS .version{
	color:#999;
}
.browser{
	padding:1em;
	display:none;
}
.browser:first-child{
	display:block;
}
.browser .bSection{
	font-size:.85em;
}
.browser .bSection hr{
	margin:.5em 0;
	border:0px;
	border-bottom:1px solid #546152;
}
.browser .bSection:first-child{
	border-bottom:1px solid #546152;
	margin-bottom:.5em;
}
.browser .bSection:last-child{
	border-bottom:0px;
	margin-bottom:0;
}
.browser .bSection h1{
	font-size:1.15em;
	margin-top:0;
	color:#666;
}
.browser .bSection h2{
	font-size:1.15em;
	color:#546152;
}
.browser .bSection h3{
	font-size:1em;
}
.browser .bSection h6{
	border:2px dashed red;
	margin: 5px 0;
    padding: 10px;
}
.browser .bSection p{
	margin:.5em 0;
}
.browser .bSection ul{
	list-style:outside;
	padding-left:1.5em;
}
.browser .bSection ol{
	padding-left:1.5em;
}
.browser .bSection li{
	margin:1em 0;
}
.browser .bSection .dlBrowser{
	display:inline-block;
	margin:.5em 0;
	text-decoration:none;
}
.browser .bSection div h6{
	border:2px dashed red;
	padding:.5em;
	margin:.5em 0;
}
.browser .bSection a span, .browser .bSection a img{
	vertical-align:middle;
	display:inline-block;
}
.browser .bSection .browserArrow{
	background-image:url(images/browserArrow.png);
	height:40px;
	width:46px;
	display:inline-block;
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0 .5em;
	text-decoration:none!important;
}
.browser .bSection a .download div{
	color:#5a6b56;
	font-size:1.3em;
	font-weight:bold;
}
.browser .bSection a .download span{
	color:#999;
	font-size:.8em;
	font-style:italic;
}
.browser .bSection .dlBrowser{
	padding:10px;
	border-radius:10px;
}
.browser .bSection .dlBrowser:hover{
	background-color:#E4F0E2;
}
.browser .bSection a:hover .browserArrow{
	background-position:top;
}
.browser .bSection a:hover .download div{
	text-decoration:underline;
	color:#445141;
}
.browserPage a.dlBrowser:hover{
	text-decoration:none;
}.browserPage h6 {
    border: 2px dashed #FF0000;
    margin: 0.5em 0;
    padding: 0.5em;
}
/*-------Contact--------*/
.contact{
	padding:1em 2em;
}
.contact h2{
    	font-size: 1.25em;
    	margin-bottom: 0.5em;
    	margin-top: 0.5em;
		border-bottom:1px solid #546152;
}
.contact p{
	margin:1em 0;
	font-size:.95em;
}

/*-------Flare iFrame---------*/
.flare.supported {
 min-height:2200px;
}
.flare.secure-browsers {
  min-height: 1310px;
}
.browser .bSection iframe{
  min-height: 845px;
}
.browser#tabPanel8 .bSection iframe{
  min-height: 1830px;
}
/*-------Footer---------*/
.footer{
	padding:.5em;
	text-align:right;
	font-size:.75em;
}
/*------Subscirbe For Email Alerts-----*/
.RegisterLogin, .userBar{
	position:absolute;
	top:0;
	right:0;
	color:#B6C8B5;
	padding:5px;
	padding-right:10px
}
.userBar{
	font-size:.85em;
}
.userBar a{
	color:#B6C8B5;
}
.RegisterLogin{
	font-size:.7em;
}
.loginOverlay{
	display:none;
	position:absolute;
	z-index:9998;
	width:100%;
	height:100%;
	background-image:url(images/overlayBG.png);
	top:0;
	left:0;
}
.loginPopup{
	display:none;
	margin:100px auto 0;
	position:absolute;
	z-index:9999;
	top:0;
	width:500px;
	left:230px;
}
.popupClose{
	padding:5px;
	background-color:#909090;
	text-align:right;
	border-radius:10px 10px 0 0;
}
.popupClose span{
	background-image: url("images/close.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid #FFFFFF;
    border-radius: 15px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    padding: 2px;
    width: 15px;
}
.popupClose span:hover{
	background-color:#666;
}
.register, .login, .profile{
	background-color:#fafafa;
	padding:1em;
	display:none;
	border-radius:0 0 10px 10px;
}
.registerButton{
	background-image: url("images/emailicon.png");
  	background-position: 91px -4px;
	background-repeat: no-repeat;
  	cursor: pointer;
  	font-size: 1.1em;
  	letter-spacing: 1px;
  	padding-top: 13px;
  	text-align: left;
  	width: 156px;
}
.registerButton .bigtxt{
	font-size:1em;
	display:block;
	line-height:1;
}
.loginButton {
	text-decoration:underline;
	color: #FFFFFF;
	}
.loginDiv{
	font-size:1.1em;
}
.registerButton:hover, .loginButton:hover{
	color:#efead7;
	cursor:pointer;
}
.registerForm{
	padding:.5em;
}
.registerForm label{
	min-width:140px;
	display:inline-block;
}
.registerForm .emailAlerts label{
	min-width:0;
	margin-right:.5em;
}
.registerForm p{
	margin-bottom:.5em;
}
.registerForm .emailAlerts{
	padding-left:.5em;
	font-size:.8em;
}
.registerForm .error{
	border:1px solid red;
	padding:5px;
	margin-bottom:5px;
	background-color:#f7958b;
	font-size:.8em
}
.registerForm .accountSaved{
	border:1px solid green;
	padding:5px;
	margin-bottom:5px;
	background-color:#B6FFB6;
	font-size:.8em
}
.registerForm .lostPass .accountSaved{
	font-size:1em;
}
.buttonContainer input{
	cursor:pointer;
}
.lostPass{
	padding:5px;
	font-size:.8em;
	display:none;
}
.lostPass .error{
	font-size:1em;
}
.resetPass{
	cursor:pointer;
	margin:.5em 0 0 0!important;
	font-size:.9em;
}
.form-password{
	font-size:.8em;
	padding-left:10px;
}
.form-password label{
	min-width:130px;
}
.manageAccount{
	display:inline-block;
}
.resetPass:hover, .manageAccount:hover{
	cursor:pointer;
	text-decoration:underline;
}
.passMissmatch, .tooShort{
	display:none;
}
.buttonhider{
	cursor:not-allowed;
	width:58px;
	height:22px;
	margin-top:-30px;
	position:absolute;
}
.user-submit.noClick, .user-submit.notClick{
	opacity:.65;
	color:#999;
}
#tabs , #tabs ul, #tabs .tab2 ul{
    transition: all 0.3s ease 0s;
}
p.loginNote {
	font-size:.9em;
	border-top:1px solid #cccccc;
	margin: 1em 0;
    padding: 0.25em 0;
	border-bottom:1px solid #cccccc;
	
	}

/*-----------Search Styles--------------*/

.searchResults li{
	padding:1em;
	border-bottom:1px solid #546152;
}
.searchResults li:first-child{
	border-top:1px solid #546152;
}
.searchResults li:nth-child(even){
background:rgba(84, 97, 82, 0.05);
}
.searchResults .searchTermHighlight{
	background-color:#F9FA00;
}
.fileTree #searchform{
	border-bottom: 2px solid #546152;
    margin: 0 0 0.5em;
    padding-bottom: 0.5em;
}
.fileTree #searchform .showAdvancedSearch{
	color:#546152;
	font-size:.9em;
	cursor:pointer;
	margin-top:.5em;
}
.fileTree #searchform .showAdvancedSearch .icon{
	background-image:url(images/upDownSprite.png);
	background-repeat:no-repeat;
	width:15px;
	height:15px;
	display:inline-block;
	margin:0 0 1px 5px;
	vertical-align:bottom;
	background-position:0 0;
}
.fileTree #searchform .showAdvancedSearch .icon.open{
	background-position: 0 -15px;
}
.fileTree #searchform .showAdvancedSearch:hover{
	text-decoration:underline;
}
.fileTree #searchform .showAdvancedSearch:hover .icon{
	background-position:-15px 0;
}
.fileTree #searchform .showAdvancedSearch:hover .icon.open{
	background-position:-15px -15px;
}
.fileTree #searchform .advanceSearch{
	display:none;
	width:auto;
}
.fileTree #searchform .advanceSearch select{
	width:100%;
	margin:.5em 0;
}
.fileTree #searchform .advanceSearch img{
	margin:.5em 0;
}
.fileTree #searchform .field{
	width:81%;
	border: 1px solid #546152;
    padding: 3px 2px;
	height: 14px;
	border-radius: .5em 0 0 .5em;
}
.fileTree #searchform .field.redBorder{
	border-color:red;
}
.searchButton{
	background-color:#546152;
	border-radius:0 .5em .5em 0;
	border:none;
	height: 22px;
    width: 15%;
	background-image:url(images/search.png);
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
	vertical-align:bottom;
}
.advanceSearch .searchButton {
	background-position: 120px center;
    border-radius: 0.5em;
    color: #FFFFFF;
    margin: 0.5em 0 0;
    padding: 0.25em 20px 0.25em 0;
    width: 100%;
	height:auto;
	font-size:.9em;
}
.searchButton:hover{
	background-color:#6E7F6B;
}
.header .searchButton:hover{
	background-color:#ccc;
}
.searchPage .search{
	padding:.25em 0;
}
.searchPage .search #s{
	width:94%;
	font-size:1.2em;
	border: 1px solid #546152;
	padding:3px;
}
.searchPage .search .searchButton{
	width:5%;
	padding:.72em 0;
	vertical-align:bottom;
}
.searchParams{
	font-size:1em;
	margin:.5em 0;
	color:#666;
}
.searchParams span{
	font-weight:bold;
	color:#000;
}
.numberResults{
	font-size:.8em;
	color:#8A8A8A;
	margin:.5em 0 ;
}
.searchPage .description{
	font-size:.8em;
	padding-top:.25em;
}
.searchPage .navigation{
	margin:1em 0 0;
	font-size:.8em;
	text-align:center;
}

.searchPage .navigation li a,
.searchPage .navigation li a:hover,
.searchPage .navigation li.active a,
.searchPage .navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.searchPage .navigation li {
	display: inline-block;
}

.searchPage .navigation li a,
.searchPage .navigation li a:hover,
.searchPage .navigation li.active a,
.searchPage .navigation li.disabled {
	background-color: #546152;
	border-radius: 3px;
	cursor: pointer;
	padding: .5em;
	margin-right:0;
	display:inline-block;
}

.searchPage .navigation li a:hover,
.searchPage .navigation li.active a {
	background-color: #B6C8B5;
}
	
/*-------Item Type Tutorials----------*/
.itemTypeTutorials{
	padding:8px 2em;
}
.itemTypeTutorials h2{
	border-bottom: 1px solid #546152;
    font-size: 1.25em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}
.itemTypeTutorials h4{
    font-size: 1.15em;
    margin-top: 1.5em;
	font-weight:bold;
	color:#546152;
}
.itemTypeTutorials p{
	margin:.5em 0;
}
.item{
	border: 2px solid #c6cfc4;
  	border-radius: 6px;
  	margin: 1em 0;
}
.itemTitle{
	font-size:1.05em;
	font-weight:bold;
	color:#546152;
	background:#c6cfc4;
	padding:.25em .5em;
}
.itemTitle a{
	color:#546152;
}
.itemTitle a:hover{
	text-decoration:underline;
}
.subItems{
	margin-left: 2em;
}
.subItems a{
	color:#546152;
}
.itemTitle a img, .subItems a img{
	margin-left:.25em;
	vertical-align:middle;
}
.itemDescription{
	padding:.25em .5em;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
.header {
  padding-left:0px!important;
}

.registerButton {
  background-image: url("images/emailicon.png");
  background-position: 98% -1px;
  background-repeat: no-repeat;
  background-size: 35px auto;
  cursor: pointer;
  letter-spacing: 1px;
  padding-top: 0;
  text-align: center;
  width: auto;
  font-size:1em;
}
.wrapper1	{width:480px;}

.cardArea {padding:0;margin:0 auto;width:480px;}
.cardBox {margin:0;}
.cardTitle {
  line-height: 115%;
  font-size: .6em;
}
.cardBox .cardTop img, .cardBox .cardTop2 img {
  vertical-align: middle;
  width: 107px;
}
.cardBox {
 
  height: 128px;
  width: 106px;
}
.header .logo img {
  margin: 0;
  height: 50px;}
  
 .content .wrapper1{
	margin-left: 6%;
	max-width:900px;
	width:90%;
}
.welcomeMessage {
 width:auto;
}
.quickLink {font-size:.7em;border-radius: 0;width:130px;float:left;margin:0;}
.announcements li {
 
  background-position: -6px 0;
  padding-left:17px;
}
.quickLinks {
  float: left;
  padding-left: 0;
  width: auto;
}
.quickLink a div span {
  line-height: 1;
  white-space: normal;
}
.quickLink img {height:45px;}
.loginPopup {
  display: none;
  left: 0px;
  margin: 0 auto ;
  position: absolute;
  top: 0;
  width: 500px;
  z-index: 9999;
}

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
  /* Styles */
   .header {
  padding-left:0px!important;
}
.RegisterLogin {
	border-top: 1px solid rgba(182, 200, 181, 0.34);
    font-size: 0.7em;
    text-align: center;
	background: #4c574a; /* Old browsers */
	background: -moz-linear-gradient(top,  #4c574a 0%, #546152 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c574a), color-stop(100%,#546152)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4c574a 0%,#546152 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4c574a 0%,#546152 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4c574a 0%,#546152 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4c574a 0%,#546152 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c574a', endColorstr='#546152',GradientType=0 ); /* IE6-9 */
}
.RegisterLogin, .userBar {
  color: #B6C8B5;
  padding: 0;
  position:inherit;
}
.registerButton {
  background-image: url("images/emailicon.png");
  background-position: 98% -1px;
  background-repeat: no-repeat;
  background-size: 35px auto;
  cursor: pointer;
  letter-spacing: 1px;
  padding-top: 0;
  text-align: center;
  width: auto;
}
#tabs li, #tabs li:hover ul {display:block;}
#tabs li.active:hover ul {max-height:200px;}
#tabs li:hover {z-index:3;}
#tabs {
 
  padding-left: 0px;
  padding-top: 0px;
}


.cardArea {padding:0;margin:0 auto;width:320px;}
.cardBox {margin:0;}
.cardTitle {
  line-height: 115%;
  font-size: .6em;
}
.cardBox .cardTop img, .cardBox .cardTop2 img {
  vertical-align: middle;
  width: 77px;
}
.cardBox {
 
  height: 108px;
  width: 78px;
}
.header .logo img {
  margin: 0;
  height: 50px;}
  
 .content .wrapper1{
	margin-left: 6%;
	max-width:900px;
	width:90%;
}
.welcomeMessage {
 width:auto;
}
.quickLink {font-size:.7em;border-radius: 0;width:130px;float:left;margin:0;}
.announcements li {
 
  background-position: -6px 0;
  padding-left:17px;
}
.quickLinks {
  float: left;
  padding-left: 0;
  width: auto;
}
.quickLink a div span {
  line-height: 1;
  white-space: normal;
}
.quickLink img {height:45px;}
.wrapper1 {width:320px;}

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  /* Styles */
}