.Account
{
    color: Green;
    font-family: Calibri;
    letter-spacing: 2px;
}

#GridView
{
    margin-top: 10px;
    padding: 15px;
    text-align: left;
    background-color: #ffffff;
    width: 680px;
}
.GridCellColorRed
{
    color: Red;
}

.GridCellColorGreen
{
    color: Green;
}
/*Start*/
.ListGridView1
{
    width: 100% !important;
    font-size: 9pt; /*border: 1px solid Black;*//* OS TEAM CHANGE*/ 
}
table.ListGridView1 td, table.ListGridView1 th
{
    padding: 1px; /* OS TEAM CHANGE*/ 
    border: 1px Solid #FAFCF7;
}
.ListGridView1 td 
{		
    border: 1px solid White;
    padding:5px;
}
.ListGridView1 th
{
	padding:5px;
	}
/*End*/
.ListGridView
{
    width: 100% !important;
    font-size: 9pt; /*border: 1px solid Black;*/
}

table.ListGridView td, table.ListGridView th
{
    padding: 7px;
    border: 1px Solid #FAFCF7;
}
.GridViewRowStyle TD
{
    padding: 5px;
}
.GridViewHeaderStyle TD
{
    padding: 5px;
}
.ListGridView td, .ListGridView th
{
    border: 1px solid White;
}
.GridViewRowStyle:hover, .GridViewAlternatingRowStyle:hover
{
    /*background-color: #B7D3B5;*/
    background-color: #70A3E9;
}
.GridViewFooterStyle
{
    color: #FFFFFF;
    font-weight: bold;
    background-color: #80AE7C;
}
.GridViewRowStyle
{
    background-color: #f2f2f2;
    vertical-align: text-top;
}
.GridViewEditRowStyle
{
    background-color: #DCDCDC;
}
.GridViewSelectedRowStyle
{
    font-weight: bold;
    background-color: #D1DDF1;
    color: #333333;
}

.GridViewPagerStyle
{
    text-align: right;
    padding: 8px;
}

.GridViewHeaderStyle
{
    font-weight: bold;
    background-color: #d8e4f8;
}

.GridViewAlternatingRowStyle
{
    background-color: #ffffff;
}

.GridViewHeaderStyle a, .GridViewPagerStyle a
{
    color: Black;
    font-size: 10pt;
    text-decoration: none;
    font-weight: bold;
}

.GridViewHeaderStyle a:hover
{
    text-decoration: underline;
}
.GridViewRowStyle a, .GridViewAlternatingRowStyle a
{
    color: #333333;
}

.EmptyDataStyle
{
    background-color: #D6DFE7;
    color: gray;
    text-align: center;
    padding: 10px;
    font-size: 15pt;
}
div#AddNewButtonBottom
{
}

div.AddNewButton a, a.GridView_AddNew
{
    /*min-width: 75px; 	color: Black; 	background-color:#d8e4f8; 	text-align: center; 	display: inline-block; 	padding: 5px; 	text-decoration: none; 	border:1.5px solid #5eaeff; 	font-weight: normal; 	font-size:11pt;*/
    text-decoration: none;
    color: Black;
    display: inline-block;
    min-width: 60px;
    padding: 5px;
    background-color: #D8E4F8;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
}

div.AddNewButton a:hover
{
    background-color: #70A3E9;
    color: White;
}

.InvisibleColumn
{
    display: none;
}

/*Detail Views*/

.DetailViewRowStyle
{
    background-color: #d7e7d6;
}
.DetailViewHeaderStyle
{
}
.DetailViewEditRowStyle
{
    background-color: #DCDCDC;
}
.DetailViewInsertRowStyle
{
    background-color: #d7e7d6;
}
.DetailViewInsertRowStyle td
{
    padding: 3px 5px;
}

.DetailViewFooterStyle
{
}
.DetailViewAlternatingRowStyle
{
    background-color: #DCDCDC;
}
.DetailViewEmptyRowStyle
{
}
.DetailViewCommandRowStyle
{
}

/*End Detail Views*/


/*FILTER START*/
div.FilterAlignment
{
    text-align: left;
    padding-top: 8px;
    padding-left: 5px;
    width: 680px;
}
fieldset
{
    text-align: left;
    display: inline-block;
    position: relative;
}
legend
{
    display: block;
    top: -.5em;
    left: .5em;
}
.FilterCollection
{
    text-align: left;
    padding: 10px 10px;
    background-color: #ffffff;
    width: 300px;
    margin: 0 auto;
}
.WideFilter
{
    width: 100%;
}
div.FilterItem
{
    padding: 2px 0;
    text-align: left;
    vertical-align: top;
    font-size: 10pt;
    color: Black;
    width: 100%;
}
div.FilterItem input[type=text]
{
    border: 1px solid #CDCDCD;
    color: Black;
}
div.FilterOptionsWrapper
{
    text-align: left;
    font-size: 10pt;
    padding-left: 0px;
    padding-top: 10px;
}
div.FilterButtons
{
    text-align: left;
    margin-right: 6px;
    padding-left: 0px;
    padding-top: 10px;
}
.FilterButtons input
{
    /*background-color:#d8e4f8;*/
}
/*FILTER END*/


/*div.DataEntryAlignment
{
	text-align: center;	
	padding-top: 8px;
}
.DataEntryWrapper
{
	display: inline-block;
	text-align: left;	
	padding: 15px;
	margin: 0 auto;
	background-color: #f2f2f2;	
}*/
div.DataEntryAlignment
{
    text-align: left;
    vertical-align: top;
}
/*.Fields
{
	clear:both;
	float:left;
	min-width:170px;
	margin-right:5px;
	text-align:right;
}*/
.DataEntryWrapper
{
    display: inline-block;
    width: 95%;
    height: 100%;
    text-align: left;
    padding: 15px;
    margin: 0 auto;
    background-color: #f2f2f2;
}
div.DataEntryItem
{
    display: block;
    margin: 5px 0;
}

div.DataEntryItem *
{
    vertical-align: top;
    color: Black;
}
div.DataEntryItem .DataEntryLabel
{
    color: Black;
    font-weight: bold;
    display: inline-block;
    min-width: 155px;
    margin-left: 4px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
}
div.DataEntryItem .DataEntryLabelLeft
{
    clear: both;
    float: left;
    color: Black;
    font-weight: bold;
    display: inline-block;
    min-width: 155px;
    margin-left: 4px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
}
.DataEntryLabelBold
{
    color: Black;
    font-weight: bold;
    display: inline-block;
    min-width: 155px;
    margin-left: 4px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
}
.DataEntryItem .DataEntryControl
{
    width: 250px;
    color: Black;
}
.DataEntryItem .DataEntryValidation
{
    display: block;
    color: red;
    font-size: 11px;
    font-weight: bold;
}
.DataEntryItem img
{
    margin-right: 10px;
}
.DataEntryButtons
{
    text-align: center;
}
.NoDisplay
{
    display: none;
}


/****White Modal****/
.modalBlueHeader
{
    background-color: #4B89C2;
    color: #ffffff;
    font-weight: bold;
    padding: 5px;
}
.modalWrapper2
{
    background-color: White;
    border: 3px Solid #4B89C2;
    -moz-border-radius: 8px;
    border-radius: 8px;
    min-width: 400px;
}
.modalHeader2
{
    background-color: #ffffff;
    font-weight: normal;
    color: Black;
    padding: 10px;
    font-size: 12px;
}
.modalContent
{
    text-align: center;
    border: 1px Solid #4B89C2;
    padding: 10px;
}
.modalContent .shadedBackground
{
    background-color: #F4F4F4;
    border: 1px Solid #D0D0D0;
    text-align: left;
    padding: 20px;
}
.modalField
{
    padding-bottom: 8px;
}
/****White Modal****/

.modalWrapper
{
    background-color: #ffffff;
    padding: 10px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    min-width: 400px;
    max-width:400px;
    text-align: right;
}
.modalWrapperWebPart
{
    background-color: #ffffff;
    padding: 10px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    min-width: 400px;
    float: left;
}
.modalWrapperCalendar
{
    background-color: #ffffff;
    padding: 10px;
    -moz-border-radius: 8px;
    border-radius: 8px; /*min-width: 450px;*/
    min-height: 400px;
    text-align: right;
}
.modalBackground
{
    background-color: #2E2F31;
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
}
.modalBody
{
    padding: 10px;
    background-color: #D6DFE7;
}
.modalCloseButton
{
    float: left;
    margin-left: -13px;
    margin-top: -6px;
}

.modalHeader
{
    background-color: #D6DFE7;
    font-weight: normal;
    color: Black;
    padding: 10px;
    font-size: 12px;
    text-align: left;
}

.modalHeaderCalendar
{
    background-color: #D6DFE7;
    font-weight: normal;
    color: Black;
    padding: 10px;
    font-size: 12px;
    text-align: left;
    margin-left: auto;
    margin-right: auto; /*height: 400px;*/
}
.modalFooter
{
}

.modalClose
{
    position: absolute;
    right: 24px;
    color: #006699;
}
.modalClose:hover
{
    color: #426687;
}
div[id$="DropShadow"]
{
    -moz-border-radius: 8px;
}
.GridCellColorRed
{
    color: Red;
}

.GridCellColorBlue
{
    color: Blue;
}
.GridCellColorBlack
{
    color: Black;
}
.modalHeaderLOA
{
    background-color: #D6DFE7;
    font-weight: normal;
    color: Black;
    padding: 10px;
    font-size: 12px;
    text-align: left;
}
.DataEntryLOA
{
    background-color: White;
    border: 1px solid #83BCD9;
    padding: 10px;
    margin: 10px;
    min-width: 325px;
    height: auto;
    vertical-align: middle;
}
.DataEntryLOA input[required]:before
{
    content: "*";
    color: Red;
}
.DataEntryLOA .Buttons
{
    clear: both;
    text-align: right;
}
.DataEntryLOA .Field
{
    clear: both;
    margin: 5px 0;
}
.DataEntryLOA .FieldLeft
{
    float: left;
    margin-right: 5px;
}

.DataEntryLOA .FieldLeft label, .DataEntryLOA .FieldLeft .Text
{
    clear: none;
    min-width: 170px;
    margin-right: 5px;
    text-align: left;
}
.DataEntryLOA .FieldPersonAssistant
{
}
.DataEntryLOA .Validation
{
    color: Red;
    padding-left: 17px;
    background-image: url(../Images/flag_red.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}
.DataEntryLOA .Field label, .DataEntryLOA .Field .Text
{
    clear: both;
    float: left;
    min-width: 170px;
    margin-right: 5px;
    text-align: left;
}
.DataEntryLOA .Column
{
    float: left;
    margin-right: 15px;
}

.modalBody .DataEntryLOA .Field label
{
    clear: both;
    float: left;
    margin-right: 5px;
    min-width: 60px;
    text-align: left;
}

.modalWrapperLOA
{
    background-color: #ffffff;
    padding: 10px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 382px;
    height: auto;
    text-align: right;
}
.modalHeaderLarge
{
    background-color: #D6DFE7;
    font-weight: normal;
    color: Black;
    padding: 10px;
    font-size: 12px;
    text-align: left;
   
}
.ui-dialog, .ui-widget, .ui-widget-content, .ui-corner-all
{
    overflow: visible !important;
}
.DataEntryLarge
{
    background-color: White;
    border: 1px solid #83BCD9;
    padding: 10px;
    margin: 10px;
    min-width: 325px;
    height: 325px;
    vertical-align: middle;
}
.DataEntryLarge input[required]:before
{
    content: "*";
    color: Red;
}
.DataEntryLarge .Buttons
{
    clear: both;
    text-align: right;
}
.DataEntryLarge .Field
{
    clear: both;
    margin: 5px 0;
}
.DataEntryLarge .FieldLeft
{
    float: left;
    margin-right: 5px;
}

.DataEntryLarge .FieldLeft label, .DataEntryLOA .FieldLeft .Text
{
    clear: none;
    min-width: 170px;
    margin-right: 5px;
    text-align: left;
}
.DataEntryLarge .FieldPersonAssistant
{
}
.DataEntryLarge .Validation
{
    color: Red;
    padding-left: 17px;
    background-image: url(../Images/flag_red.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}
.DataEntryLarge .Field label, .DataEntryLOA .Field .Text
{
    clear: both;
    float: left;
    min-width: 170px;
    margin-right: 5px;
    text-align: left;
}
.DataEntryLarge .Column
{
    float: left;
    margin-right: 15px;
}

.modalBody .DataEntryLarge .Field label
{
    clear: both;
    float: left;
    margin-right: 5px;
    min-width: 60px;
    text-align: left;
}

.modalWrapperLarge
{
    background-color: #ffffff;
    padding: 10px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
  
    text-align: right;
}