body
{
font-size: 85%;
font-family: Tahoma, sans-serif, Verdana,Arial;
background-color: #edf4fc;
margin: 0;
padding: 0;
}

table {
empty-cells: show;
border-collapse: separate;
}

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

.header {
border: none;
font-family: Tahoma, sans-serif, Verdana,Arial, Helvetica;
}

.header td {
    padding: 0;
}

.tablewithoutborder{
width:100%;
}

.content
{
border: 0.5px solid #3399FF;
}

.uppercase
{
	text-transform:uppercase;
}

.lowercase
{
	text-transform:lowercase;
}

.capitalized
{
	text-transform:capitalize;
}

div.panel {
border: 0.5px #000 solid;
padding: 5px;
margin-top: 1px;
}

/* jQueryUI dialog default */
.dialog-confirm
{
display:none
}

.grid-error
{
padding:0, 20px;
border: 0.5px solid;
background-repeat: no-repeat;
background-position: right center;
color: #D8000C;
background-color: #FFBABA;
background-image: url('Images/validation_error.png');
}

.validationsummary-titlebar
{
background: #cd0a0a;
color: #ffffff;
background-image: url('Images/exclamation.png');
background-repeat: no-repeat;
background-position: left center;
}

.validationSummary-body
{
color: #285377;
}

#pagetitle
{
    padding: 0;
    margin-right:5px;
    height:30px;
    font-size:1.4em;
    background: #3d5e85 url('../Content/Themes/crossroads/images/ui-bg_glass_40_3d5e85_1x400.png') 50% 50% repeat-x; color: #ffffff;
    box-shadow:rgba(0,0,33,0.2) 5px 5px 2px;
    border-radius: 5px;
    border-top-right-radius: 75px;
    border-bottom-right-radius: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
}

#pagetitle label
{
    margin: 10px 0 0 10px;     
}

/* HEADINGS
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
padding: 0;
color: #031d57;
}

h1
{
font-size: 1.5em;
}
h3
{
font-size: 1.2em;
}
h4
{
font-size: 1.1em;
}
h5, h6
{
font-size: 1em;
}

@media print
{
#ad{display:none;}
#leftbar{display:none;}
#header{display:none;}
#footer{display:none;}
#navbuttons{display:none;}
#contentarea{width:100%;}
}

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

/* you can specify a greater or lesser percentage for the
page width. Or, you can specify an exact pixel width. */


#header
{
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	height: 75px;
	background: #39A0D5;
	background: -webkit-linear-gradient(#39A0D5, #04569B);
	background: -o-linear-gradient(#39A0D5, #04569B);
	background: -moz-linear-gradient(#39A0D5, #04569B);
	background: linear-gradient(#39A0D5, #04569B);
	color: white;
}

#header.authenticated {
    height: 100px;
}

#headercontent
{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
}
#header a
{
    color:White;
}
#header a:hover
{
    color:#fbf89d;
    color:White;
}

#container
{
	position: absolute;
	top: 75px;
	left: 0;
	right: 0;
	bottom: 30px;
	overflow-x: auto;
	overflow-y: auto;
	margin-left: auto;
	margin-right: auto;
}

#header.authenticated + #container {
    top: 100px;
}

#container > #maincontent 
{
    padding-top: 5px;
    width: 950px;
    margin-left:auto;
    margin-right:auto;
    background-color:White;
    min-height:99%;
    height: auto;
    box-shadow:rgba(0,0,0,0.5) 10px 10px 30px;
}

#footer
{
    position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 30px;
	background-color: #606060;
	color: white;
    font-size: 0.9em;
    overflow-x: hidden;
    overflow-y: hidden;
}

#footer > #footercontent {
    width: 975px;
    margin-left:auto;
    margin-right:auto;
    padding-top: 6px;
}

#footer a
{
color: white;
padding: 10px 12px;
text-decoration:none;
}

#footer a:hover
{
text-decoration:underline;color:#fbf89d;
}


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

/*fieldset
{
border:thin solid #A4CAF4;
padding: 0 1.4em 1.4em 1.4em;
margin:.5em 0 .5em 0;
-moz-border-radius:5px;
-border-radius: 5px;
-webkit-border-radius: 5px;
text-align:left;
}*/

fieldset, fieldset.collapsible
{
padding: 3px;
border: 1px solid #c3d3e0;
margin-bottom: 1em;
box-shadow:rgba(0,0,0,0.2) 4px 5px 4px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.fieldsetwithonlycontent
{
    box-shadow:rgba(0,0,33,0.2) 5px 6px 5px;
   background: #d3ddee url('../content/themes/crossroadscolorfull/images/ui-bg_highlight-hard_100_d3ddee_1x100.png') 50% top repeat-x; color: #222222; 
    border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}

fieldset.collapsibleClosed {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
margin-bottom: 0;
margin-left: 3px;
}

legend
{
background-position: center; padding: 5px; font-size:1.1em; color:#3a5474; font-family:Tahoma, sans-serif, Verdana,Arial; 
}

textarea
{
min-height: 30px;
}

input[type="text"]
{
width: 100px;
min-height:15px;
height:auto;
border: 1px solid #c3d3e0;
font-family: Tahoma, sans-serif, Verdana,Arial, Helvetica; text-align: left;
font-size: 0.8em;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

input[type="file"]
{
width: 300px;
min-height:15px;
height:30px;
border: 1px solid #c3d3e0;
font-family: Tahoma, sans-serif, Verdana,Arial, Helvetica; text-align: left;
font-size: 0.8em;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

input[type="text"]:hover, input[type="file"]:hover {
border: 1px solid #fcd113;
background: #fcecab;
}

input[type="checkbox"], input[type="radio"]
{
min-height:15px;
height:auto;
border: 1px solid #c3d3e0;
font-family: Tahoma, sans-serif, Verdana,Arial, Helvetica; text-align: left;
font-size: 0.8em;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

input[type="checkbox"]:hover, input[type="radio"]:hover {
border: 1px solid #fcd113;
background: #fcecab;
}

select
{
width: 150px;
border: 1px solid #c3d3e0;
min-height:15px;
height:auto;
font-family: Tahoma, sans-serif, Verdana,Arial, Helvetica; 
font-size: 0.8em;
text-align: left;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

select:hover {
border: 1px solid #fcd113;
background: #fcecab;
}

.securityquestiondropdownclick
{
    width: 300px;
    border: 1px solid #c3d3e0;
    min-height:15px;
    height:auto;
    font-family: Tahoma, sans-serif, Verdana,Arial, Helvetica; text-align: left;
    font-size: 0.8em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;    
}

.securityquestiondropdown
{
    width: 200px;
    border: 1px solid #c3d3e0;
    min-height:15px;
    height:auto;
    font-family: Tahoma, sans-serif, Verdana,Arial, Helvetica; text-align: left;
    font-size: 0.8em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;    
}

input[type="password"]
{
width:auto;
height:15px;
border: 1px solid #c3d3e0;
font-size:.8em;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

input[type="password"]:hover {
border: 1px solid #fcd113;
background: #fcecab;
}

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

.error {
color: Red;
}

nav,
#menucontainer {
margin-top: 0;

}

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

/* 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: .3em 0 0 0;
font-family: Tahoma, sans-serif, Verdana,Arial, Helvetica;
color: #000000;
font-weight: bold;
Font-size: 0.9em;
}

.display-field, .editor-field
{
margin: 6px 0 0 2px;
font-family: Tahoma, sans-serif, Verdana,Arial, Helvetica;
Font-size: 1em;
}

.display-error
{
color: Red;
font-size: .5em;
font-weight: bold;
font-family: Garamond;
}

.required
{
background-position: right center; background-image: url('../Content/Images/required.png'); background-size: 8px 8px; background-repeat: no-repeat;
padding-right:12px;
min-width: 150px;
width:auto !important;
width:150px;
}

.text-box {
width: 30em;
}

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

.tri-state {
width: 6em;
}

/* Styles for tables
----------------------------------------------------------*/
caption{
background: url(title.png) no-repeat 50px;
font-size: 400%;
text-indent: -10000px;
}

#popup
{
    background-size:100%;background-color:#d3ddee;
    font-size: 1em;
}

#popup .display-label
{
font-size: 0.9em
}

select[multiple=multiple]
{
border:1px;
padding-bottom:4px;
font-size:.9em
}

/* collapsible panel */

.collapsibleContainerTitle
{
cursor:pointer;
font-size:1.0em;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}

.collapsibleContainerTitle div
{
    border: 0 none;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
overflow:hidden;
height:14px;
}

.collapsibleContainerContent
{
padding: 5px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}

.editor-field select {
height:20px;
font-size: 0.9em;
}

.editor-field #UserName {
font-size: 1em;
}

.ui-datepicker-trigger {
margin-left: 0;
position: absolute; 
}

.ui-jqgrid-btable td {
font-size: 0.8em;
}

.loginDisplayText
{
    font-family:Tahoma, sans-serif, Verdana,Arial, Helvetica;
    font-size:1.0em;
    font-weight:bold;
 }

#LogonButton, #CreateNewAccountButton
{
    font-size: 0.8em;   
}

#loginchoice
{    
   margin-top:100px;
   margin-right:10px;
   color:White;
   box-shadow:rgba(0,0,0,0.4) 5px 5px 20px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

#NewVendor
{
    background: #031d57 url('Images/bg_NewVendorChoice.GIF') 100% 100% repeat-x ;
    height:120px;
    color:White;
    border: 1px solid;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

#VendorRegistrationTypes 
{
    margin-left: 10px;
    margin-top: 5px;
}

#VendorRegistrationTypes input[type="radio"] 
{
    margin-top: 3px;
    vertical-align: middle;
}

#VendorRegistrationTypes label 
{
    margin-top: 5px;
    font-size: 12px;
    vertical-align: middle;
}

#loginaccess
{
    background: #c4dcef url('Images/bg_LoginChoice.GIF') repeat-y ;
    border: 1px solid;
    -webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
    margin-top:-10px
 }

#NewVendor h3 
{
    color:White;
    font-size:1.2em;
}

#loginaccess h3 
{
    color:black;
    font-size:1.2em;
}

#navigationlist
{        
    text-align: left;    
    margin-top: 0;
    margin-left: 0;    
}

#navigationlist li
{
    display:inline;      
    padding-right:15px;  
    color:White;     
}

#navigationlist a
{
    text-decoration:none;
    color:White; 
}

#navigationlist a:hover
{
    text-decoration:underline;    
    color:#d8f845;
}

#navigationlink a
{
    text-decoration:none;
    font-weight:bold;
    color:#d8f845;
    font-size: 0.9em;
}

#navigationlink a:hover
{
    text-decoration:underline;    
    color:#e5f9e2;
}


.dashboarditem
{
    text-align:center;
    height:60px;
    width:80px;
    padding:10px;
    border: 0.5px solid #031d57;
    margin: 1em;
    box-shadow:rgba(0,0,0,0.2) 4px 5px 4px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #d3ddee url('../Content/Images/bg_dashboarditem.jpg');
    position:relative;
    color:White;
    float:left;
    margin-left:5px; 
    text-align:center;
    font-size:90%;  
}

.dashboarditem a
{
    text-decoration:none;
    color:white;
}

.dashboarditem:hover
{
    border: 0.5px solid #48aa4d;
    background: #d3ddee url('Images/bg_dashboarditem_hover.jpg');
    text-decoration:underline;
    color:#d8f845;
}

table#PriceSurveyTable, table#ApplicationTable, table#UpComingTraining , table#InvitedTraining, table#RegisteredTraining, table#VendorContacts , table#VendorOwners, table#TrainingAttendees {
border: solid 1px #8296b8;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 0.8em;
font-family: Tahoma, sans-serif, Verdana,Arial, Helvetica;
background-color:white;
width:100%;
 box-shadow:rgba(0,0,0,0.2) 4px 5px 4px;
}

#PriceSurveyTable th,#ApplicationTable th,#UpComingTraining th, #InvitedTraining th, #RegisteredTraining th, #VendorContacts th, #VendorOwners th, #TrainingAttendees th {
background:#3D98DC url('../content/themes/crossroadscolorfull/images/ui-bg_glass_55_0c5fa7_1x400.png')  50% 50% repeat-x; 
color:white;
padding: 8px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 1.2em;
border: 0;
 box-shadow:rgba(0,0,44,0.2) 2px 3px 3px;
}

#PriceSurveyTable tr, #ApplicationTable tr, #UpComingTraining tr, #InvitedTraining tr, #RegisteredTraining tr, #VendorContacts tr , #VendorOwners tr, #TrainingAttendees tr{
background-color:#c6e0f4;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
min-height:25px;
height:auto !important;
height:25px;
}

.listbox 
{
  border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
font-size: 0.8em;
border:2px solid gray;   
 box-shadow:rgba(0,0,33,0.2) 5px 6px 5px;
   background: #d3ddee url('../content/themes/crossroadscolorfull/images/ui-bg_highlight-hard_100_d3ddee_1x100.png') 50% top repeat-x;
}

input[disabled], input[disabled]:hover , select[disabled] { background-color: #f6f6f2; border:none; cursor:default;} 

.minidashboarditem
{
    text-align:center;
    height:40px;
    width:75px;
    padding: 5px;
    border: 0.5px solid #031d57;
    margin: 1em;
    box-shadow:rgba(0,0,0,0.2) 4px 5px 4px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #d3ddee url('../Content/Images/bg_dashboarditem_hover.gif') 45% repeat-x;    
    color:White;
    float:left;
    margin-left:10px; 
    margin-top:2px;
    text-align:center; 
	text-decoration:none; 
}

.minidashboarditem:hover
{
    border: 0.5px solid #c8cacd;
    background: #d3ddee url('Images/bg_dashboarditem.gif') 45% repeat-x;
    text-decoration:underline;
    color:#d8f845;
}

.wic-food-div 
{
    width:180px;
    height:100px;
    float:left;
    position:relative;
    margin-left:20px;
}

.wic-food-image 
{
    width:180px;
    height:100px;
}
.index-paragraph-wic-at-a-glance
{
    margin-left:10px;
    text-align:left;
}
.cost-containment-control {
    float: right !important;
}
.controlanchor {
	vertical-align:bottom;
}
.hide {
    display:none;
}
.question-valid .field-validation-error {
    display: none;
}