/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

img 
{
    border: none;
}

a:link, a:visited
{
    color: #868C91;
}

a.button-linkPage:link, a.button-linkPage:visited
{
    color: #010101;
}

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

a:active
{
    color: #868C91;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

append-bottom
{
    padding:5px;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, HeadingLabel
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
    margin-top: 0px;
}

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

h2
{
    font-size: 1.5em;
    font-weight: 600;
    margin: 5px;
}

h3
{
    font-size: 1.2em;
}

h4
{
	padding-bottom: 10px;
    font-size: 1.1em;
}

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

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}

/* linkbutton style for steps
----------------------------------------------------------*/
.button-link 
{
    padding: 3px 3px;
    background: #4479BA;
    color: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    margin-right:10px;
    margin-left:10px;
}

.button-linkPage 
{
    padding: 3px 3px;
    background: #B9B9B9;
    color: #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #898989;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    margin-right:10px;
    margin-left:10px;
    margin-top:30px;
    text-decoration:none;
}

input[type=button] {
    padding: 3px 3px;
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    margin-right:10px;
    margin-left:10px;
}

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

.page
{
    max-width: 1800px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #726557;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
    max-width: 1800px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 250px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#8C7D6D;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    /*background-color: #415D9B;*/
    background-color: #8C7D6D;
    border: 1px #8C7D6D solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px 4px 10px;
    text-decoration: none;
    white-space: nowrap;
    min-width:80px;
    width: 200px;
    text-align:left;
}

div.menu ul li a:hover
{
    background-color: #726557;
    color: #FFFFFF;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #726557;
    color: #FFFFFF;
    text-decoration: none;
}

div.menu ul li img
{
    height:20px;
    width:20px;
}

div.menu ul li ul
{
    display: none;
}

div.menu ul li 
{
    position: relative; 
    float: left;
    list-style: none;
}

div.verticalMenu
{
    padding: 4px 0px 4px 8px;
    font-size: 12pt;
    font-weight: bold;
}

div.verticalMenu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.verticalMenu ul li a, div.verticalMenu ul li a:visited
{
    color: #465c71;
    border: 1px #BCBEBF solid;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    margin-bottom: 5px;
    text-decoration: none;
    white-space: nowrap;
}

div.verticalMenu ul li a:hover
{
    color: #7E93A7;
    text-decoration: none;
}

div.verticalMenu ul li a:active
{
    color: #465c71;
    text-decoration: none;
}

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

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

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

.WatermarkTextbox
{
    color: Gray;
}

.WatermarkSearchTextbox
{
    color: Gray;
    font-size: 9pt;
    width: 180px; 
}

.AlignCenterContents
{
    text-align:center;
}

/* Custom for this web app - SD
----------------------------------------------------------*/
.left_align_column {text-align: left;}
.right_align_column {text-align: right;}
.center_align_column {text-align: center;}
.error {background-color: #FFE5E5; color: #FF0000}
.failed {color: #FF0000}
.success {background-color: #AAFF99;color: #009933}
fieldset table .alternate {background-color: #EAF0F5;}

/* Style for disabled links
----------------------------------------------------------*/
a[disabled] 
{ 
   color:Gray; text-decoration:none; 
} 


/* Style for Gridview
----------------------------------------------------------*/
.GridSmall { 
    border: solid 1px #FFFFFF;
    width:100%;
    font-size:8pt;
}
.GridSmall td, .GridSmall th
{
 border: solid 1px #FFFFFF;
 margin: 1px 1px 1px 1px;
 padding:  1px 4px 1px 4px;
}

.Grid { 
    border: solid 1px #FFFFFF;
    width:400px;
}
.Grid td, .Grid th
{
 border: solid 1px #696969;
 margin: 1px 1px 1px 1px;
 padding:  1px 4px 1px 4px;
}
.GridHeader
{
 font-weight: bold;
 background-color: #726557;
 color: #FFFFFF;
 padding:  1px 4px 1px 4px;
}
.GridHeader a:link 
{
color: #FFFFFF;
   text-decoration: none; 
}
.GridHeader a:visited {
     color: #FFFFFF;
     text-decoration: none;
}
.GridHeader a:hover {
     color: #FFFFFF;
     text-decoration: underline;
}
.GridHeader a:active {
     color: #FFFFFF;
     text-decoration: underline;
}
.GridItem
{
 background-color: #e6e6e6;   
}
 
.GridAltItem
{
 background-color: white;
}

.GridSelectedItem
{
 background-color: Khaki;
}

.gridViewTextBox
{
 width: 80px;
}

.hiddencol
    {
        display:none;
    }
.visiblecol
    {
        display:table-cell;
    }


/* Style for Add screen panels
----------------------------------------------------------*/
.leftColumn 
{ 
 float:left;
 max-width: 200px;
 padding-bottom: 20px;
 padding-right: 5px;
 border-right: 1px solid #ddd;
} 
.detailColumn 
{ 
 float:left; 
 max-width: 1350px;
}

.searchBox
{
 border-bottom: 1px solid #ddd;
 padding-bottom: 10px;
 width: 100%;
}
.searchBox div
{
 padding-right: 10px;
 display:inline-block;
}

.searchPageGridBox
{
 border-bottom: 1px solid #ddd;
 padding-bottom: 10px;
 width: 100%;
}

.addBox
{
 border-bottom: 1px solid #ddd;
 padding-bottom: 20px;
}

.addBoxTextBox
{
 width: 280px;
 resize: none;
}

.addBoxTextBoxCalendar
{
 width: 150px;
}

.addBoxDropDownList
{
 width: 200px;  
}

.addLabel
{
 min-width: 500px;
 resize: none;
}

/* Style for Search screen panels
----------------------------------------------------------*/
.searchColumn 
{ 
 float:left;
 max-width: 200px;
 padding-right: 5px;
} 
.searchColumnWider 
{ 
 float:left;
 max-width: 250px;
 padding-right: 5px;
} 
.resultColumn 
{ 
 float:left;
 max-width: 1500px;
} 

/* Style for Search controls
----------------------------------------------------------*/
.paddedLabel
{
 padding-right: 5px;
}

.paddedLabelLeftValidDays
{
 padding-left: 100px;
}

.paddedLabelLeft
{
 padding-left: 10px;
 padding-right: 5px;
}

.searchPanelItem
{
padding-top: 5px;
}

.searchDropDownList
{
 min-width: 185px;  
}

.searchTextBox
{
 width: 180px;
 font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}


/* Buttons style
----------------------------------------------------------*/
.button
{
    background-color:#84A1D6;
    border:solid 2px #415D9B;
    margin:1px;
    height:20px;
    padding-left:0px;
    text-align:left;
    width:80px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
}

.button a
{
    color: Black;
    text-decoration: none;
    display:block;
    padding:0px 0px 0px 5px;
    }

.button:hover
{
    background-color: #a0bdf2;
}

.button a:active
{
    border-top:solid 1px black;
}

.buttonDelete
{
    background-color: #FC6464;
    border:solid 2px Crimson;
    margin:1px;
    height:20px;
    padding-left:0px;
    text-align:left;
    width:80px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
}

.buttonDelete a
{
    color: Black;
    text-decoration: none;
    display:block;
    padding:0px 0px 0px 5px;
    }

.buttonDelete:hover
{
    background-color: #FFC9C9;
}

.buttonDelete a:active
{
    border-top:solid 1px black;
}

.buttonNew
{
    background-color: #64FC8B;
    border:solid 2px #008620;
    margin:1px;
    height:20px;
    padding-left:0px;
    text-align:left;
    width:80px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 

}

.buttonNew a
{
    color: Black;
    text-decoration: none;
    display:block;
    padding:0px 0px 0px 5px;
}

.buttonNew:hover
{
    background-color: #C9FFDC;
}

.buttonNew a:active
{
    border-top:solid 1px black;
}


/* Modal popup style
----------------------------------------------------------*/
.modalBackground {
	background-color:Black;
	filter:alpha(opacity=90);
	opacity:0.8;
}
.modalPopup {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:black;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
    max-width:1000px;
}

.popupDiv 
{
    padding:4px;
}
.popupDivLabel 
{
    float:left; 
    width:300px;
}

.PopupLeftColumn 
{ 
 float:left;
 max-width: 500px;
 padding-right: 5px;
} 

.PopupRightColumn 
{ 
 float:left; 
 max-width: 500px;
} 

.PopupRightTopColumns
{ 
 float:left; 
 width: 400px;
} 
.PopupRightColumns
{
 float:right; 
 width: 400px;
}

/* Radio Button Styles
----------------------------------------------------------*/
.ContainerMode
{
    color: #003366; 
    font-size: 1.2em;
    font-weight: bold;
}