/*Clears both left and right float*/
.clear{
	clear: both;	
}

/* Used to display Google Maps correctly */
#map_canvas{display:none;width:95%;height:260px;margin:10px auto 15px;border:2px solid #F7DEAA;-moz-box-shadow:0 3px 6px -2px #000;-webkit-box-shadow:0 3px 6px -2px #000;box-shadow:0 3px 6px -2px #000;}
#content #map_canvas img{max-width:none !important;}

/* jQuery UI */
.ui-widget { font-size:.8em; }
.ui-datepicker { z-index: 9999 !important; }
.ui-dialog-content { text-align: left; }
.ui-tooltip { max-width: 350px; }
.ui-tooltip-content { font-size: 1.2em; }

/* jQuery Validation */
#validationSummary
{
    display:none;
    margin: 10px 0px;
}

input.input-validation-error,
select.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

/* General */
#content a.returnToComLst{position:relative;top:5px;float:right;padding:2px 5px 2px 15px;font-size:13px;text-decoration:none !important;border:1px solid #CEA95B;background-color:#FEE497;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#content a.returnToComLst:hover{border-color:#496691;}
#content a.returnToComLst .retToComLstArrow{position:absolute;top:4px;left:5px;display:block;width:0;height:0;font-size:0px;line-height:0%;border-top:6px solid #FEE497;border-right:6px solid #732217;border-bottom:6px solid #FEE497;}
#content a.returnToComLst:hover .retToComLstArrow{border-right-color:#496691;}
#content #accComLst .secDtl{padding:10px;}

.alignRight
{
    text-align: right;
    padding-right: 10px;
}

dl.deptLblValPair dd { overflow:hidden; text-overflow: ellipsis; }

/* settings for Public Query */
.scrollingCells {display:block;max-height:75px; min-height:35px; width:150px; overflow-y:auto;}
#availableContent, #selectedContent, #selectedCriteria{display:block;float:left;width:165px;font-size:.9em;text-align:left;}
#availableContent{padding-left:10px;}
#availableContent select, #selectedContent select, #selectedCriteria select{display:block;width:165px;height:350px;}
#selectedContent option, .filterSet {background-color:#D5DEF0;}
#availableContent, #selectedContent, #selectedCriteria {width:44%;}
#availableContent select, #selectedContent select, #selectedCriteria select {width:100%;}
#selectorBtns, #orderBtns{position:relative;float:left;width:60px;padding-top:140px;}
#orderBtns{padding-top:169px;}
#selectorBtns input.deptBtn, #orderBtns input.deptBtn{display:block;position:relative;z-index:60;width:40px;margin:0px auto 5px auto;}
#eGONav{width:100%;margin:10px 0 0 0;padding:10px 0 0 0;text-align:center;border-top:1px solid #F7DEAA;}
#eGONav input{width:100px;}
#helpText{border:1px solid #F7DEAA;padding:5px;margin:5px;font-size:.9em;background-color:#fffdf7;}
.predefinedDiv, .advancedDiv {background-color:White; padding-top:20px; position:relative;border:1px solid #F7DEAA;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.predefinedDiv a.deptBtn, .advancedDiv a.deptBtn {float:left; margin-left:10% !important;}
.predefinedDiv a.deptBtn.openDialog, .advancedDiv a.deptBtn.openDialog {float:right; margin-right:10% !important;}
.predefinedTextDiv, .advancedTextDiv {text-align:left; font-size:.8em; padding:5px 8px;margin: 0px 0px 10px 0px;border-bottom:1px solid #F7DEAA;}
.predefinedTextDivLast, .advancedTextDivLast {text-align:left; font-size:.8em; padding:5px 8px;margin: 0px 0px 10px 0px;}


.criteriaPnl{
	float:left;
	width:50%;
	height:330px;
	margin:0 0 0 10px;
	font-size:.9em;
}
.criteriaBox{
	width:100%;
	height:100%;
	padding:10px;
	border:1px solid #F7DEAA;
	background-color:#FFF;
}
.aboutFld {max-height:100%; width:100%;font-size:.9em;text-align:left;background-color:#FFFDF7;border:1px solid #F7DEAA;overflow-y:auto;overflow-x:hidden;}

.filterInput {text-align: right;margin-bottom: 30px;width:200px;}
.filterInput .filterInputFormat{ font-size: 0.9em;color: #999;}

#MainContent_lblCriteria{display:block;height:100%;overflow-y:auto;}
#MainContent_lblCriteria h4{display:inline-block;position:relative;margin:10px 0 0;padding:2px 10px;color:#6E4C05;font:bold .9em Helvetica,Arial,sans-serif;background-color:#FFFDF7;border:1px solid #F7DEAA;border-bottom:none;z-index:500;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
#MainContent_lblCriteria p{display:block;position:relative;margin-top:-1px;padding:5px 10px;background-color:#FFFDF7;border:1px solid #F7DEAA;z-index:400;-moz-border-radius:0 10px 10px 10px;-webkit-border-radius:0 10px 10px 10px;border-radius:0 10px 10px 10px;}

.ruba, .training
{
    font-size: .8em;   
}
.ruba .col50 dt
{
    width: 45%;
}
.ruba .col50 dd
{
    margin-left: 50%;
}
.ruba .rubaWide h2
{
    font-size:1.75em;
    padding:5px 0px;
}
.ruba .rubaWide dl, .training dl
{
    /*padding: 0;
    margin: 0 0 20px 0;*/
}
.ruba .rubaWide dt, .training dt
{
    width:auto;
    margin-left:15%;
}
.ruba .rubaWide dd, .training dd 
{
    margin-left:10%;
    clear: left;
}
.ruba .deptGrid tr th
{
     font-size:1.0em !important;
}
.ruba .deptGrid td
{
     font-size:1.0em !important;
}


dl.tooltip 
{ 
    padding: 0;
    margin: 0; 
}

dl.tooltip dt 
{ 
    font-weight: bold;
    text-align: right;
    float: left;
    margin: 0 10px 10px 0; 
    width: 100px; 
    line-height: 1.5em;
}

dl.tooltip dd  
{
    margin: 0 0 10px 110px; 
    line-height: 1.5em;
    padding: 0;            
}

/*--Add dept Modal Popup style to supplement the DNN version of the dept Modal Popup --*/
div.deptModal{display:block;position:fixed;top:0;left:0;bottom:0;right:0;z-index:2000;text-align:left;font-size:.8em;}
h1.deptModalTitle{padding-right:30px;}
/*div.deptModal p a:visited, div.deptModal ul a:visited, div.deptModal ol a:visited, div.deptModal dl a:visited {color: #732217;}*/
div.deptModal a:link, div.deptModal a:visited, div.deptModal a:active, div.deptModal dl a:active {text-decoration: underline;color: #732217;}
div.deptModal a:hover, div.deptModal dl a:hover {text-decoration: none;color: #036;}
div.deptModal a.deptModalClose{position:absolute;right:5px;top:7px;display:block;width:17px;height:16px;text-align:center;border:1px solid #333;font:bold 23px/16px Arial, Helvetica, sans-serif;text-decoration:none;}
div.deptModal a.deptModalClose:hover{color: #036; border:1px solid #fff;}

@media print{
    /* ---- Override/Add to the DNN skin.css ----*/
	.bigPrint{font-size: 1.2em !important;}	
}


/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------
body {
    background-color: #5c87b2;
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link {
    color: #034af3;
    text-decoration: underline;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header,
footer,
nav,
section {
    display: block;
}*/

/* HEADINGS   
----------------------------------------------------------
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}*/

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. 
.page {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

#main {
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}

footer, 
#footer {
    background-color: #fff;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}*/

/* TAB MENU   
----------------------------------------------------------
ul#menu {
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}*/

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}*/

/* TABLE
----------------------------------------------------------

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td {
    padding: 5px;
    border: solid 1px #e8eef4;
}

table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}*/

/* MISC  
----------------------------------------------------------
.clear {
    clear: both;
}

.error {
    color: Red;
}

nav, 
#menucontainer {
    margin-top: 40px;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}*/

/* Styles for validation helpers
-----------------------------------------------------------
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}*/

/* Styles for editor and display helpers
----------------------------------------------------------
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}*/