/******************************************\
 <comment name="outer">
	This is new style for the outer div 
    of the content Wrapper of the website.
</comment>
\******************************************/

.OuterContainer
{

    min-height: 100%;
    margin-left: 00px;
    margin-bottom: -29px;
   
	
background-image:url("../images/sideBar_pattern.jpg");
	background-repeat:repeat-y;
}

.OuterContainerSquish 
{
   min-height: 100%;
   margin-left: 00px;
   margin-bottom: -29px;
   background:none;
}

/******************************************\
 <comment name="Common Style Sheet">
	This is all of the common styles that
	will be included in every page ont the
	website.
</comment>
\******************************************/

/******************************************\
 <comment name="Reset Styles">
	These are all of the defualt global	styles 
	which are meant to reset the default behaviour 
	of the HTML tags. That way they work as we want 
	them to, instead of how specific browsers want 
	to display them.
</comment>
\******************************************/
*
{
	margin: 0;
	padding: 0;
}
body, form, div, p,
h1, h2, h3, h4, h5,
ul, li, textarea,
table, td, th,
a { margin: 0; padding: 0; font-family: verdana; font-size: 10pt; font-weight: normal; }

html, body
{
    height: 100%;
}

address { font-style: normal; }

td, th {vertical-align: top; text-align: left;}

ul { list-style-type: none; }


/******************************************\
 <comment name="Common Styles">
	These are just the common styles that
	used through out the site
 </comment>
\******************************************/
body {
	height: 100%; }
form {
	height: 100%; }
a,
a:visited,
a:active { color: #6899EF; text-decoration: none; }
a:hover { color: #FF7200; text-decoration: underline; }
.clear {
	clear: both; font-size: 0; }
.hide {
	display: none; }
.invisible {
	visibility: hidden; }
.comment {
	font-size: 8pt;
	color: #777; }
.comment b {
	color: #ff7200; }
.centerDivider {
	padding: 0 15px; }

td.buttons,
th.buttons {text-align: right;}

img.status { vertical-align: middle; margin: 0 5px; width: 18px; height: 18px; }
img.status.loading { background: transparent url(../images/loading_bluestd_ffffff.gif) no-repeat 50% 50%; }

img.status_small { vertical-align: middle; margin: 0 5px; width: 10px; height: 10px; }
img.status_small.loading { background: transparent url(../images/loading_tinyred_ffffff.gif) no-repeat 50% 50%; }


/******************************************\
 <comment name="Title Styles">
	These are the styles that affect the
	title section of the website layout
 </comment>
\******************************************/
#title {
	width: 100%;
	background: url("titlebar_pattern.jpg") repeat-x;
	height:69px;
	position: absolute;
	top:0;
	left:0px;z-index:10;
 }
#clearTitle{
    height: 69px;
}

 #title #imageContainer
 {
 	width:447px;
 	height:69px;
 	background-color: #FFFFFF;
 }
#title .titleAttImage {
	position: absolute;
	left:8px;
	top:9px;
}
#title .titleImage {
	position: absolute;
	left:120px;
	top:0px;
}

#title .userInfo {
	position: absolute;
	right: 10px;
	top: 15px;
	text-align: right; }
#title .userInfo a,
#title .userInfo {
	color: #9fd0f9;
	font-size: 11pt; }

#title .userInfo span {
	display: block;
	color: #fff;
	font-size: 7pt; }

#footer
{
	width:100%;
	clear:both;
	background-image:url("footer_pattern.gif");
	background-repeat:repeat-x;
	height: 29px;
	font-size:7.5pt;
	color:#9fd0f9;
	text-align: center;
	position:relative;
}

#clearFooter{
    clear: both;
    height: 35px;
}

/******************************************\
 <comment name="Navigation Styles">
	These styles just affect the top
	navigation bar. Which include the
	style information that affect the
	navbar itself, as well as the drop
	down menus.
 </comment>
\******************************************/
#nav ul { list-style: none; }

#nav {
    width: 100%;
    height:32px;
    background:url("menu_pattern.jpg") repeat-x;
	font-size:11px;
	color:#067ab4;position:absolute;top:69;left:0px;z-index:4;
 }
#nav .divider,
#nav .topNav a {
	color: #067ab4; position:relative; top:2px; }
#nav .topNav a {
	cursor: pointer; }
#nav .topNav li {
    display: block;
    float: left;
    padding: 0 5px;
    line-height: 18pt;
    color: #067ab4; }
#nav .topNav select {
	border: 1px solid #BFEDFF;
    background-color: #EFFAFF;
    color: #25AAE1; }
#nav .topNav .navCustomerList {
	float: right;
	color:#067ab4;position:relative;top:4px;
    line-height: 18pt;
    padding-right: 2px;}

#nav .subNav {
    position: absolute;
    background-color: #dbefff;
	background-image:url("../images/subnav_pattern.jpg") ;
	background-position: top;
	background-repeat:repeat-x;
    border: 1px solid #25AAE1;
    border-bottom-width: 3px;
    border-top-width: 0;
    padding-bottom: 4px;
     }
#nav .subNav li {
    display: block;
    padding: 0 5px;
    line-height: 13pt; }
#nav .subNav a {
    color: #25AAE1; }
#nav .subNav a:hover {
    color: #ff7200;
    text-decoration: none; }


/******************************************\
 <comment name="Main Content Wrapper">
	This is the style information for the
	wrapper that goes around the main content.
	This is used to help take care or proper
	positioning of elements on the page
 </comment>
\******************************************/
.contentWrapper {
	height: 100%;
	min-height: 100%;
	margin-left:125px;
	
	/*border-left: 2px solid #D1D2D4;*/
	}
.contentWrapperSquish {
	height: 100%;
	min-height: 100%;
	margin-left:0px;
	
	/*border-left: 2px solid #D1D2D4;*/
	}
/******************************************\
 <comment name="Related/Quick Links Styles">
	These styles relate to the information
	contained with in the sidebar. Which
	consists of just the Related and Quick
	links available to the users.
 </comment>
\******************************************/
.sideBar ul { list-style: none; }
.sideBar h3 { color: #777; font-weight: bold; font-size:8pt; }
.sideBar a	{ font-size:8pt;}
.sideBar {
	width: 125px;
	padding-left: 8px;
	position: absolute;
	top: 98px;
	left: 0;
	z-index:5;
	}
.sideBar h3 {
	padding-top: 3px;
	border-bottom: 1px solid #D1D2D4; }

.sideBar .myLinks .editMyLinks {
	position: absolute;
	padding-top: 2px;
	left: 120px;
	cursor: pointer;}

.sideBar .relatedLinks {
	padding-bottom: 12px; }
.sideBar .myLinks 
{
	padding-bottom: 12px;
}

.sideBar .hideSideBar,
.sideBar .showSideBar {
	position: absolute;
	left: 135px;
	top: 3px;
	cursor: pointer;
 }


/******************************************\
 <comment name="Main Content Styles">
	The style information that directly
	affects the content being displayed
	to the user.
 </comment>
\******************************************/
#mainContent {
	margin-left: 25px;margin-top:50px;
}
	
#mainContent h1 {
	color: #067ab4;
	font-size: 16pt;
	padding-bottom: 5px; }
	
#mainContent h2 {
	color: #ff7200;
	font-size: 11pt;
	font-weight: bold; }
	
#mainContent h2 span {
	color: #777;
	font-size: 8pt;
	font-weight: normal;
	display: block;
	padding-left: 5px;
	padding-bottom: 2px; }
	
#mainContent h3 {
	color: #25AAE1;
	font-size: 10pt; }

#mainContent .contentGroup {
	padding: 5px 0; }
#mainContent .contentGroup .comment {
	padding-bottom: 5px; }
#mainContent .contentGroup .inputFields {
	padding: 3px; }
#mainContent .contentGroup .inputFields input {
	width: 175px; }
#mainContent .contentGroup .inputFields select {
	width: 180px; }

#mainContent .contentGroup ul.inputFields {
	padding-top: 5px;
	list-style-type: none; }
#mainContent .contentGroup ul.inputFields li {
	padding: 2px; }
#mainContent .contentGroup ul.inputFields li label {
	float: left;
	display: block;
	width: 75px;
	text-align: right;
	padding-right: 8px;
	font-weight: bold; }
	
#mainContent .contentGroup justify,
#mainContent .justify {text-align: justify; text-justify: auto;width:650px;}

#mainContent .contentGroup table.inputFields {
	padding: 3px; }	
#mainContent .contentGroup table.inputFields th {
	font-weight: bold; }
#mainContent .contentGroup table.inputFields th.buttons input {
	width: auto; }
#mainContent .contentGroup table.inputFields td {
	padding-left: 10px; }
	
#mainContent .contentGroup .buttons {
	width: 180px;
	text-align: right; }
#mainContent .contentGroup p {
	padding: 0px 0 20px 10px;
	color: #666; }
#mainContent .contentGroup p dfn {
	display: block;
	padding-top: 5px; }
#mainContent .contentGroup p b,
#mainContent .contentGroup p strong {
	font-weight: bold;
	font-size: 90%; }

.splitVertical,
#mainContent .splitVertical {
	width: 40px;
	vertical-align: middle;
	text-align: center;
	background: transparent url('flow_vertical_gray_line.gif') repeat-y top center; }

.splitHorizontal,
#mainContent .splitHorizontal {
	vertical-align: middle;
	text-align: center;
	background: transparent url('flow_horizontal_gray_line.gif') repeat-x center left; }


#mainContent .contentGroup .inputFields input[type=text],
#mainContent .contentGroup .inputFields input[type=password],
#mainContent .contentGroup .inputFields select,
#mainContent .contentGroup .inputFields textarea { border: 1px solid #aaa;
	margin-left: 0px; background-image:url("../images/inputTextBG.jpg")
}
#mainContent .contentGroup .inputFields textarea,
#mainContent .contentGroup .inputFields select
{ background-image:none !important; }

#mainContent .contentGroup .inputFields input.selected[type=text],
#mainContent .contentGroup .inputFields input.selected[type=password],
#mainContent .contentGroup .inputFields select.selected,
#mainContent .contentGroup .inputFields textarea.selected  { border-color: #0bacf9; background-image:url("../images/inputTextBG.jpg") }
#mainContent .contentGroup .inputFields textarea.selected,
#mainContent .contentGroup .inputFields select.selected
{ background-image:none !important; }

#mainContent .contentGroup .inputFields input.required[type=text],
#mainContent .contentGroup .inputFields input.required[type=password],
#mainContent .contentGroup .inputFields select.required,
#mainContent .contentGroup .inputFields textarea.required { border-right: 4px solid #0bacf9; background-color: #effaff;background-image:url("../images/inputTextBG.jpg") }
#mainContent .contentGroup .inputFields textarea.required
{ background-image:none; }

#mainContent .contentGroup .inputFields input.invalid[type=text],
#mainContent .contentGroup .inputFields input.invalid[type=password],
#mainContent .contentGroup .inputFields select.invalid,
#mainContent .contentGroup .inputFields textarea.invalid
{
	border: 1px solid red;
	background-color: #FCF9F0;
	background-image: url(  "../images/inputTextBG_invalid.jpg" );
}
#mainContent .contentGroup .inputFields textarea.invalid,
#mainContent .contentGroup .inputFields select.invalid
{ background-image:none;}

#mainContent .contentGroup .inputFields input.required.invalid[type=text],
#mainContent .contentGroup .inputFields input.required.invalid[type=password],
#mainContent .contentGroup .inputFields select.required.invalid,
#mainContent .contentGroup .inputFields textarea.required.invalid { border-right: 4px solid red; }
#mainContent .contentGroup .inputFields div.required.invalid { background-color: red; }

.outputFormat {
	padding: 10px 0; }
.outputFormat div {
	font-size: 8pt; }
.outputFormat .indent b {
	color: #25AAE1;
	padding: 0 2px; }
.defaultDisplayValue{
	color:Gray; }

/******************************************\
 <comment name="Main Content: Table Layout">
	Styles that affect the standard
	Table output through out the website
 </comment>
\******************************************/
#mainContent .resultHeaderFooter,
#mainContent table.list,
#mainContent table.results {
	width: 95%;
	margin: 10px auto 10px auto; /* center the table */
	border-collapse: collapse; }
#mainContent .tableHeader
{
	font-weight:bold; color:#0F74BB
}
#mainContent table.list {
	border: 1px solid gainsboro; }

#mainContent table.list tr th {
	width: 10%;
	white-space: nowrap; }

#mainContent table.results tr td, #mainContent table.results tr th
{
	border: 1px solid #88C4FF;
	font-size: 85%;
}

#mainContent table.list th,
#mainContent table.results th a,
#mainContent table.results th {
	font-weight: bold;
	padding: 1px 3px; }
	
#mainContent table.results th,
#mainContent table.results th a {
	background-color: #0F74BB;
	color: #fff; }

#mainContent table.list tr td, #mainContent table.results tr td
{
	padding: 2px;
	color: #404040;
}
	
#mainContent table.results tr td {
	vertical-align: middle;
	text-align:justify; }
	
#mainContent table.results tr.default td
{
	background-color: #FFEFDD;
}

#mainContent table.results tr.default td a {
	font-weight: bold; }

#mainContent table.results tr.special td
{
	background-color: #E8F9FF;
}

#mainContent table.results tr td.static
{
	font-weight: bold;
}

#mainContent table.results tr.special td a {
	color:#3776EA; }
#mainContent table.results tr.special td a:hover {
	color:#FF7100; }
	
#mainContent table.results tr.default td.address,
#mainContent table.results tr td.address {
	text-align: left; }

#mainContent table.list tr.alt td,
#mainContent table.list tr.alt th,
#mainContent table.results tr.alt td,
#mainContent table.results tr.alt th {
	background-color: #D8E8FE; }

table.popupList{
	border: 1px solid #88C4FF;
	width: 100%;
	margin: 1px auto 1px auto; /* center the table */
	border-collapse: collapse; display:block;
}
table.popupList th,
table.popupList th a {
	color: #0F74BB; background-color:#D8E8FE;}
table.popupList tr td.subHeader 
{
 font-weight: bold;color: #fff; background-color: #0F74BB;
}
table.popupList td 
{
	vertical-align:middle; color:#777;border-bottom: solid 1px #D8E8FE; width:100%;
}

table.popupList th 
{
 vertical-align:middle; border-bottom: solid 1px white; white-space: nowrap; width:inherit;
}
/******************************************\
 <comment name="Main Content: Paging Output">
	These are the styles for the legend
	that would display at the end of each
	form saying that the fields marked with
	these colors are required or contain
	errors.
 </comment>
\******************************************/

#mainContent .paging {
	float: left; }
	
#mainContent .paging span { /*  spacing  */
	font-family: Tahoma;
	float: left;
	display: block;
	font-size: 65%;
	padding-top: 9px; }
	
#mainContent .paging label,
#mainContent .paging strong,
#mainContent .paging a {
	float: left;
	display: block;
	padding: 4px 5px;
	margin: 0 2px;
	font-size: 75%; }
	
#mainContent .paging strong,
#mainContent .paging a {
	color: #0F74BB;
	border: 1px solid #25AAE1;
	background-color: #EFFAFF; }
#mainContent .paging a:hover {
	color: #000;
	text-decoration: none;
	border-color: #FFB93F;
	background-color: #fff; }
#mainContent .paging strong {
	float: left;
	background-color: #0F74BB;
	color: #fff;
	cursor: default; }

#mainContent .paging strong.disabled {
	color: #999;
	background-color: #fff;
	border-color: #999;
	font-weight: normal; }

/******************************************\
 <comment name="Main Content: Form Legend">
	These are the styles for the legend
	that would display at the end of each
	form saying that the fields marked with
	these colors are required or contain
	errors.
 </comment>
\******************************************/
#mainContent .legend {
	padding: 5px; }
#mainContent .legend ul {
	list-style-type: none; }
#mainContent .legend ul li {
	line-height: 20px; }
#mainContent .legend .comment {
	padding-left: 10px; }
#mainContent .legend .error,
#mainContent .legend .required {
	height: 16px;
	width: 16px;
	vertical-align: middle;
	border: 1px solid #aaa;
	border-right: 4px solid #0bacf9;
	background-color: #effaff; }
#mainContent .legend .error {
	border-color: red;
	background-color: #FCF9F0; }


/******************************************\
 <comment name="Main Content: Tab Menu Layout">
	Styles that affect the tab menu control.
 </comment>
\******************************************/
#mainContent .headerContents div.splitHorizontal 
{
   margin-bottom:10px; 
}
#mainContent .headerContents div.headersection table
{
    border:0px; padding:0px; margin:0px; width:100%;
}


#mainContent .TabHeader
{
    color:#067AB4;
    font-size:16pt;
    padding-bottom:10px;
    clear:both;
}
#mainContent .TabHeader .header
{
    color:#FF7200;
}
#mainContent .headerContents .headersection 
{
    padding:0px !important;
}
#mainContent .headerContents .headersection .requestHeaderFields 
{
    padding-top:0px !important;
}
#mainContent .headerContents .headersection .requestHeaderFields label
{
    width:80px;
}
#mainContent .headerContents .headersection .requestHeaderFields span.litRequestID
{
    color:#FF7200 !important;
    font-weight:bold;
}
#mainContent .headerContents .headersection .requestHeaderFields li textarea
{
    overflow:auto;
    width:350px;
    height:44px;
    background-color: #EFFAFF;
}
#mainContent .headerContents .headersection .requestFields li select
{
    width:200px;
    background-color: #EFFAFF;
}
#mainContent .headerContents .headersection .requestFields li textarea
{
    overflow:auto;
    width:275px;
    height:35px;
    background-color: #EFFAFF;
}
#mainContent .headerContents .headersection .requestFields label
{
   width:120px; 
}

#mainContent .TabMenu
{
  width:99%;  
}
#mainContent .TabMenu ul{
    padding: 0;
    margin: 0;
    font-family:verdana;
    font-size:13px;
    list-style-type: none;
}
#mainContent .TabMenu ul li{
    display: inline-block;
    margin: 3px 0 0 0;
    float: left;
}
#mainContent .TabMenu ul li a{
    padding: 4px 8px;
    text-decoration: none;
    padding-right: 33px; /*extra right padding to account for curved right edge of tab image*/
    color: #067ab4;
    background: transparent url("../images/default.gif") 100% 0px no-repeat; /*give illusion of shifting 1px down vertically*/
    position: relative;
    display: block;
    float: left;
    margin-left: -15px; /*shift tabs 20px to the left so they overlap*/
    left: 15px;
    font-weight: bold !important;
    outline: none;
}
#mainContent .TabMenu ul li span{
    float: left;
    background: url("../images/leftcorner.gif") 100% 0px no-repeat;
    width:	5px;
    height:24px;
    position:relative;
    left:0px;
    top:0px;
}
#mainContent .TabMenu ul li.active  span{
    float: left;
    background: url("../images/leftcornerselected.gif") 100% 0px no-repeat;
    width:5px;
    height:24px;
    position:relative;
    left:0px;
    top:0px;
}
#mainContent .TabMenu ul li a:hover{
    color: #ff7200;
}
#mainContent .TabMenu ul li.active a{ /*selected tab style*/
    color: white;
    z-index: 1; /*higher z-index so selected tab is topmost*/
    background: transparent url("../images/selected.gif") 100% 0 no-repeat;
}
#mainContent .TabMenu ul li.active a:hover{
    color: white;
}
#mainContent .TabMenuBase
{
    width:100%;
    height:21px;
    background: url("../images/shadowpattern.gif") 100% 0px repeat-x !important;
    display:block;
    position:relative;
    float:left;
    top:0px;
}
#mainContent .TabMenu .inline
{
    display:inline;list-style-type: none;
}
#mainContent .tabMainContents
{
  clear: both;
}


/******************************************\
 <comment name="Main Content: Tab Menu Layout">
	Styles that affect the tab menu control.
 </comment>
\******************************************/
#mainContent .collapsePanelHeader
{
   background:url("../images/coldiv-bgpattern.gif") 100% 0px repeat-x !important;
    border:none !important;
    height: 31px; padding:0px !important; margin:5px;
    width:98%;
    color:#067ab4;
    font-weight:bold;
    cursor:pointer;
}
#mainContent .collapsePanelHeader .leftCorner {float:left;}
#mainContent .collapsePanelHeader .Title
{
  padding-top:10px;
  padding-left:5px;
  float:left;
}
#mainContent .collapsePanelHeader .Title:hover { color: #ff7200;}
#mainContent .collapsePanelHeader .rightCorner{float:right;} 
    
/******************************************\
 <comment name="Special Classes">
	These are special classes that overwrite
	the default behaviour of the style information
	above. Such as changing the positioning
	of the main content if the Sidebar is hidden.
 </comment>
\******************************************/
.noSideBar .sideBar {
	 display: none; }
.noSideBar #mainContent {
	 left: 0px; }

.squishSideBar .sideBar {
	 left: -135px }
.squishSideBar #mainContent {
	position:relative; left: 0px; }
	
	 
	 
/******************************************\
 <comment name="Ouput Message Styles">
	These are the output messages we show to
	the customer saying if something went wrong
	or all is good. Just a standard look to all
	messages that are displayed to the user.
 </comment>
\******************************************/
.message {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 5px 20px 5px 45px;
    text-align: left;
    width: 400px;
    margin: 10px 0; }
.message div {
	margin-top: 8px;
	font-size: 80%; }
.message div.first {
	margin-top: 0; }

.message.error {
    background: #fff7c0 url("../images/exclamation_fff7c0.gif") no-repeat 15px 50%;
    border-top-color: #ffd61f;
    border-bottom-color: #ffd61f; }
.message.error strong {
	color: #FF4D0F; }

.message.info,
.message.qoute {
    background: #f8fafc url("../images/information_f8fafc.gif") no-repeat 15px 50%;
    border-top-color: #b5d4fe;
    border-bottom-color: #b5d4fe; }

.message.qoute {
    background-image: url("../images/comment_f8fafc.gif"); }

.tooltip {
	position: absolute;
	float: left;
	width: 200px;
	z-index: 1000; }

.tooltip div {
    position: absolute;
    top: -20px;
    right: -355px;
    width: 200px;
    border: 1px solid #b5d4fe;
    border-left-width: 4px;
    padding: 5px 8px;
    background-color: #f8fafc; }
    
	 
/******************************************\
 <comment name="File List Styles">
	This is to style any file lists we need
	to display to the user. This way we can
	display specific icons for each type of
	file we display to them
 </comment>
\******************************************/
/* file types */
ul.filelist {
	list-style-type: none;
	padding: 10px 0; }
a.file {
	color: #6899EF;
	height: 20px;
    display: block;
	background: transparent url("../images/page_ffffff.gif") no-repeat 12px 0px;
	padding-left: 33px; }
a.file.zip { background-image: url("../images/icon-zip.png"); }
a.file.txt { background-image: url("../images/icon-txt.png"); }
a.file.xml { background-image: url("../images/icon-xml.png"); }
a.file.xsd { background-image: url("../images/icon-xsd.png"); }
a.file.pdf { background-image: url("../images/page_white_acrobat_ffffff.gif"); }



/******************************************\
 <comment name="Popup Comments">
	Style information for any popup comments
	that we need to display to the user.
 </comment>
\******************************************/
.popupLink {
    cursor: default;
    color: #6899EF; }
.popup {
    position: absolute;
    border: 1px solid orange;
    background-color: #ffc;
    padding: 2px; font-size:85%; }
    
    
.arrows
    {
      color:blue;
      cursor:pointer;
      font-size:70%;
    }
.arrows:hover
    {
      color:red;
    }
    
	.outerDiv{

        color:#C7E9FA;
        overflow:hidden;
        position:relative;
        /*height:100px;*/
        width:120px;
    }
    
    .outerDiv div
    {
    	position:relative;
    }

/******************************************\
 <comment name="Ajax Calander Control Comments">
	Style information for ajax.
 </comment>
\******************************************/

.ajax__calendar .ajax__calendar_container
{
	background-color: #FFFFFF !important;
	border: 1px solid #0099FF !important;
	height:200px !important;
}

 .ajax__calendar .ajax__calendar_header
{
	background-color: #0F74BB;
	margin-bottom: 4px;
}

 .ajax__calendar .ajax__calendar_title,
 .ajax__calendar .ajax__calendar_next, 
.ajax__calendar .ajax__calendar_prev 
{
	color: #FFFFFF;
	padding-top: 3px;
	font-family: verdana;
}

 .ajax__calendar .ajax__calendar_body
{
	background-color: #EFFAFF;
	border: 1px solid #0F74BB;
	color: #004080;
}

 .ajax__calendar .ajax__calendar_dayname {
    text-align:center;
    font-weight:bold;
    margin-bottom: 4px;
    margin-top: 2px;
}

 .ajax__calendar .ajax__calendar_day
{
	text-align: center;
}
 .ajax__calendar .ajax__calendar_hover .ajax__calendar_day,
 .ajax__calendar .ajax__calendar_hover .ajax__calendar_month,
 .ajax__calendar .ajax__calendar_hover .ajax__calendar_year
  {
    color: #004080 !important;
    font-weight: bold !important;
    background-color: #ffffff !important;
    border:1px solid #ff7200 !important;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day
{
    color: #004080 !important;
    font-weight: bold !important;
    background-color: #ffffff !important;
    border:1px solid #ff7200 !important;
}

 .ajax__calendar .ajax__calendar_today
{
	font-weight: bold;
	color: #ff7200;
}

 .ajax__calendar .ajax__calendar_other,
 .ajax__calendar .ajax__calendar_hover .ajax__calendar_today
 {
    color: #bbbbbb;
 }
 
 .ajax__calendar .ajax__calendar_hover .ajax__calendar_title
 {
 	color: #ff7200 !important;
 }
 .ajax__calendar .ajax__calendar_other .ajax__calendar_day
{
    color: Gray !important;
    background-color: #E8E8E8 !important;
}