/* Default CSS Stylesheet for a new Web Application project */

hr { margin: 5px 0 5px !important; clear:none !important;}
fieldset { margin: 5px 0 !important; padding: 5px !important;}

body { overflow:scroll; }

/* New Look (Left Permit menu + content)*/

#main-wrapper {
    width:100%;
    overflow: visible;
}
#fixed-width {
    width:154px;
    float:left;
    background-color:#E0E0E0;
    border:2px solid #CCCCCC;

}
#rest-of-space {
    margin-left:160px;
    /*overflow:auto;*/

    padding: 3px;
}

/*input[type="text"] {

    margin:3px !important;

}*/

/* Warning Colours */
.high
{
    background-color: #161C31;   
}
.medium
{
    background-color: #FF9900;
}
.low
{
    background-color: #339933;
}
.none
{
    background-color: White;
}

.borderwarning
{
    border:solid 1px #161C31;
}

.textright
{
    text-align: right;
}

/* Layout */

.center
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    width: 250px;
    text-align: left;
}

.page
{
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
    text-align:left;
    font-size:x-small;
    clear: both;		
}

.summarypage
{
    text-align:center; 
}

.dark
{
    background-color: #d3d3d3;
}
.light
{
    background-color: #d3d3d3;
}


Body
{
    background-color: white;
    font-size: 12px;
    color: black;
    font-family: Verdana, Helvetica, sans-serif;
    margin: 0px;
}

Body, Html
{
    height: 100%;
    width: 100%;
}

Table
{
    font-size: x-small;
    text-align: left;
}

/*td { 
    padding: 3px;
}*/

td.sep 
{
	height:15px; 
	background-color:#d3d3d3
}


a
{
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
}

/* Menu */
.menu 
{
    Display:block;
}

.NavigationLarge
{
    font-size: 12px;
    color: white;
    font-family: Verdana , Helvetica, sans-serif;
}

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

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

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

a.NavigationLarge:hover
{
    text-decoration: none;
    color: #161C31;
}

.NavigationExLarge
{
    font-size: 14px;
    color: #666666;
    font-family: arial,helvetica,sans-serif;
}

a.NavigationExLarge:link
{
    text-decoration: underline;
    color: #666666;
}

a.NavigationExLarge:visited
{
    text-decoration: underline;
    color: #666666;
}

a.NavigationExLarge:active
{
    text-decoration: underline;
    color: #666666;
}

a.NavigationExLarge:hover
{
    text-decoration: underline;
    color: red;
}

.NavigationSmall
{
    font-size: 10px;
    color: #666666;
    font-family: arial,helvetica,sans-serif;
    cursor: pointer;
}

a.NavigationSmall:link
{
    text-decoration: underline;
    color: #666666;
}

a.NavigationSmall:visited
{
    text-decoration: underline;
    color: #666666;
}

a.NavigationSmall:active
{
    text-decoration: underline;
    color: #666666;
}

a.NavigationSmall:hover
{
    text-decoration: underline;
    color: red;
}


/* Text */

.Heading
{
    background-color: white;
    font-size: 14px;
    color: #161C31;
    font-family: Verdana , Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
}

.HeadingBlack
{
    margin-left: 20px;
    font-size: 10px;
    color: #000000;
    font-family: Verdana , Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
}

.ButtonForm
{
    background-color: #161C31;
    color: #ffffff;
    font-family: Verdana , Helvetica, sans-serif;
    font-size: 11px;
    cursor: pointer;
    font-weight: bold;
}

.StandardText
{
    background-color: white;
    font-size: 12px;
    color: #333333;
    font-family: Verdana , Helvetica, sans-serif;
    font-weight: normal;
}

.StandardTextBold
{
    background-color: white;
    font-size: 12px;
    color: #333333;
    font-family: Verdana , Helvetica, sans-serif;
    font-weight: bold;
}

.Title
{
    font-size: small;
    font-variant: small-caps;
}

/* Summary Table */
.rowHeadingSummary
{
    background-color: #161C31;
    color: white;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
    /*font-weight: bold;*/
    text-align: left;
    padding: 10px 0px;
}
.rowHeadingSummarySmall
{
    background-color: #161C31;
    color: white;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
    /*font-weight: bold;*/
    text-align: left;
}
.rowHeadingSummary a
{
    background-color: #161C31;
    color: white;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
    /*font-weight: bold;*/
}
.rowHeadingSummary a:visited
{
    background-color: #161C31;
    color: White;
    font-size: 11px;
    /*font-weight: bold;*/
}
.rowHeadingSummary a:active
{
    background-color: #161C31;
    color: white;
    font-size: 11px;
    /*font-weight: bold;*/
}
.rowHeadingSummary a:hover
{
    background-color: #161C31;
    color: #999999;
    font-size: 11px;
    /*font-weight: bold;*/
}

.rowevenSummary
{
    background-color: #E0E0E0;
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
}

.rowoddSummary
{
    background-color: white;
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
}

.rowHighlighted {
    background-color: #FFF0FF;
    /*    color: red;*/
    color: blue;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
}

.SummaryDropDown
{
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 10px;
}

.rowSpace
{
    height: 20px;
}

/* Report Table */
.rowHeadingReport
{
    background-color: gray;
    color: white;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.rowNormalReport
{
    background-color: white;
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
}

.rowTotalReport
{
    background-color: #E0E0E0;
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.rowRedTotalReport
{
    background-color: #E0E0E0;
    color: red;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.rowHighlightedReport
{
    background-color: #FFF0FF;
    color: red;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
}


/* Print Report Table */
.rowHeadingPrintReport
{
    background-color: white;
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.rowNormalPrintReport
{
    background-color: white;
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 10px;
}

.rowTotalPrintReport
{
    background-color: white;
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
}

/* Detail Form */

.DetailFormNormalText
{
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
}

.DetailFormBoldText
{
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.DetailFormDropDown
{
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
       margin:2px 0px 2px !important;
}

.DetailFormTextBox
{
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
    margin:2px 0px 2px !important;
}

.DetailFormInformationTextBox
{
    border:solid 2px SlateBlue;
    color: #333333; 
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
       margin:2px 0px 2px !important;
}

.DetailFormWarningTextBox
{
    border:solid 2px #161C31;
    color: #333333; 
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
       margin:2px 0px 2px !important;
}

.DetailFormWatermark
{
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
    background-color: #FFF0FF;
}

.DetailFormErrorHighlight
{
    background-color: #FFFACD;
}

/* Action Status */

.Error
{
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: Red;
}

.OK
{
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #008000;
}

/* To hide items initially */

.ItemHidden
{
    visibility: hidden;
}

.ItemShown
{
    visibility: visible;
}

/* Home Find  */

.HomeFindTextBox
{
    color: #000000;
    font-family: arial,helvetica,sans-serif;
    font-size: 10px;
}

.SmallWhiteText
{
    font-size: 10px;
    color: white;
    font-family: Verdana Bold, Helvetica, sans-serif;
    font-weight: bold;
}

.Welcome
{
    background-color: #161C31;
    color: white;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.Xodus
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 16px;
    color: #333333;
}

/* Print Page Break */

.breakhere
{
    page-break-after: always;
}

.dontbreakhere
{
    page-break-after: auto;
}

/* Help link */
.help
{
    font-family: arial,helvetica,sans-serif;
    font-size: 9px;
    color: Red;
    cursor: pointer;
}

.SmallTextDropDown 
{
    font-size: x-small;
    color: black;
    font-family: Verdana Bold, Helvetica, sans-serif;
    font-weight: normal;
}


/* Fix for AJAX Calendar Extension - Copy CSS for GridView inside Update Panel */
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

/* AJAX - Update Progress*/
#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}#processMessage { 
    position:fixed; 
    top:30%; 
    left:41%;
    padding:10px; 
    width:25%; 
    z-index:10001; 
    background-color:#fff;
    border:solid 1px #000;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

/*Panel*/
.PanelHeading
{
    background-color: #161C31;
    color: white;
    font-family: arial,helvetica,sans-serif;
    font-size:16px;
    font-weight: bold;
    padding: 2px 10px;
    /*border: 1px solid #E0E0E0;*/ 
    vertical-align:middle;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.PanelBorder
{
    border: 1px solid #E0E0E0; 
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.PanelContent
{
    padding: 5px 5px;
    vertical-align:top;
    font-size:13px;
    font-family: arial,helvetica,sans-serif;
}

a.whiteGridViewLink {color:blue; text-decoration:underline; cursor:pointer;}
a.whiteGridViewLink:hover {color: Red;}

.GridViewItemPaddingRight
{
    padding-right: 10px;
}

.GridViewItemPaddingBoth
{
    padding-left: 10px;
    padding-right: 10px;
}

.delete { font-size: 10px; color: #666666; font-family: arial,helvetica,sans-serif; cursor:pointer; }

.tboxReadOnly
{
    border-style:solid;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
}

.rowevenSummaryReadOnly
{
    border-style:solid;
    background-color: #E0E0E0;
    border-color: #E0E0E0;
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
}

.rowEmphasisSummary
{
    border-style:solid;
    background-color: #C0C0C0;
    border-color: #C0C0C0;
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
}


.hover {
    background: orange;
}

.hiddencol
    {
        display:none;
    }
.hidden {
    display: none;
}
.morecontent span {
    display: none;
}
.morelink {
    display: block;
}

fieldset {
    height: auto;
}

fieldset.active {
    height: 25px;
    overflow: hidden;
}

/* config Table */
.rowHeadingConfigTable {
    background-color: #161C31;
    color: white;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding: 10px 0px;
}

.rowevenConfigTable {
    background-color: #E0E0E0;
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
}

.rowoddConfigTable {
    background-color: white;
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
}

.AlertMessage {
    background-color: darkorange;
    color: white;
    font-family: arial,helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 10px;
    vertical-align: middle;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}