/* ********************************************************* */
/* Theme specific Styles for color, fonts and look and feel  */
/*	File name: style.css for Designer
	Design: Shahul Hameed - smohamed@inautix.co.in
*/
/* ********************************************************* */


/* body styling start here*/
html, body {
	background:#dbdbdd;
	border-top:1px solid #8CD2F5;
}
html, body, .claro .dijitTitlePaneTitle {
	font-family: Verdana !important;
}
.mainContent{
	/*border-left:1px solid #d8d8d8 !important;
	border-right:1px solid #d8d8d8 !important;*/
	margin: 6px 65px 0;	
}
/*logo*/
.mainContent .header {
    background: url("images/logo-New.png") no-repeat scroll 14px #FFFFFF;
    height: 90px;
    margin-bottom: 0;
    padding-bottom: 25px;
	border-bottom:1px solid #737373;
}

/*header links*/
.headerLinks{
	margin-top:15px !important;
}
.mainContent .header .headerLinks a {
    color: #59CD90;
    display: inline-block;
    font-family: Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	font-size: 1em;
    font-weight: 400;
    text-decoration: none;
}

.headerLinks a:hover{
	text-decoration:underline !important;
}

/*header links Piping*/
.mainContent .header .headerLinks a + a {
	margin-left: 5px;
	padding-left: 5px;
	border-left:1px solid #737373;
}

/* First Nav*/
/* #nav is added to make the .htm work in local */
.topLevelNav, #nav {
	background-color:#ed8322;
/*	border-top: 2px solid;*/
}

#nav li a {
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	padding:7px 10px 8px;
	letter-spacing:0;
	font-size: 1.3em;
	text-transform:uppercase;
	font-weight:400;
	line-height: 34px;
}
#nav li.current a, #nav li.current a:hover {
	color:#ffffff;
	background-color:#59CD90;
}
#nav li:first-child a, #nav li:first-child a:hover {
	background: url("images/home.png") no-repeat scroll 0 7px;
	text-indent:-9000px;
	width:25px;
}
#nav li:first-child a:hover {
	background:url("images/home.png") no-repeat scroll 0 7px #59CD90;
}
#nav li a:hover{
	color:#ffffff;
	background-color:#59CD90;
}
#subNav li a:hover {
	color:#fff;
	background-color:#42b368;
}
/*Secondary Nav*/
#subNav {
	background-color:#59CD90;
}
#subNav li a {
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	margin:0;
	padding:7px 10px;
	font-size: 1.1em;
}
#subNav li.current a, #subNav li.current a:hover {
	background-color: #fff;
	color: #003c64;
	border-top: 0px;
	border-bottom: 0px;
}
/*Page Title*/
.viewTitle {
	font-size:1.45em;
	padding:12px 10px;
	color: #003C64;
}
/*Component Panel*/
.claro .dojoxPortlet .dijitTitlePaneTitle {
/*	background-color:#d0d1d3;*/
	background: none repeat-x scroll left top #dbdbdc;
	border:1px solid #b8b8ba !important;
	color:#000;
	font-size:1.2em;
	font-weight:600;
	margin:1px 1px 0 1px;
	padding:2px;
    border-radius: 0px;	
}
/*Component Pannel Title*/
.claro .dijitTitlePaneTextNode {
	font-size:14px;
	color:#B03C18;
	text-transform:uppercase;
}
.claro .dijitTitlePaneFocused .dijitTitlePaneTextNode {
	color: #B03C18;
}
.claro .dijitTitlePane .dijitTitlePaneTextNode {
	color: #333;	
}
/*component content*/
.portalInfo, .portalContent {
	background:none repeat scroll 0 0 #FFFFFF;
	color:#666666;
	border:none;
}

/*tabel*/
.portalTable thead tr th {
	background:  none repeat-x 50% 0% #F1EFEA;
	border-left: 1px solid #e2e2e2 !important;
	border-right: 1px solid #ccc !important;
	border-top: 1px solid #e2e2e2 !important;
	border-bottom: 1px solid #e2e2e2 !important;
	color: #333;
	padding-left: 4px;
}

.portalTable tbody tr.odd td {
	background:none repeat scroll 0 0 #f6f7f5;
	border-top: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
}

/*component Pannel*/
.claro .dijitTitlePaneContentInner {
	border:1px solid #9f9e8b;
	border-top:none;
	margin:0;
}

/* *********************************** */
/* Dojo Grid	                       */
/* *********************************** */


/* DOjo Grid Header*/
.claro .dojoxGridHeader .dojoxGridCell, .claro .dojoxGridSortNode {
	background:none repeat-x scroll center top #e2e2e2;
	border:none;
}
.claro .dojoxGridHeader {
	border-top: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
}
.claro .dojoxGridHeader .dojoxGridCell {
	border-left: 0px solid #fff !important;
	border-right: 1px solid #ccc !important;
}
.claro .dojoxGridSortNode {
    background: none repeat-x #F1EFEA;
	border: 0px solid #e7e7e7;
    display: block;
    padding: 4px 6px 5px;
    text-decoration: none;
	font-weight: bold;
	color: #444444;
}
/*Dojo Grid Row Over*/
.claro .dojoxGridRowOver .dojoxGridCell, .claro .dojoxGridRowOddOver {
	background: url("images/row_bg.gif") repeat-x #eeeeee;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	font-weight:bolder;
}
.claro .dojoxGridCellOver .dojoxGridSortNode {
	background: url("images/table_header_bg_over.gif") repeat-x #e6e6e6;
}

/*dojo Row selected*/
.claro .dojoxGridRowSelected .dojoxGridCell, .claro .dojoxGridRowOddSelected {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.claro .dojoxGridRowSelected .dojoxGridCell {
	background:url("images/row_back.png") #dddedf repeat-x;
}
.claro .dojoxGridRowSelected .dojoxGridRowTable tr {
	background-color:#d3e9fb;
}
/* Dojo Odd Row*/
.claro .dojoxGridRowOdd tr td {
    background: none repeat scroll 0 0 #f8f8f8;
}
/*Dojo Grid Cell Focus*/
.claro .dojoxGridCellFocus {
    border-bottom: 1px solid #ccc !important;
    border-top: 1px solid #ccc !important;
	border-right: none !important;
    border-left: none !important;

}
/* Dojo Grid table*/
.dojoxGrid {
	position: relative;
	background-color: #EBEADB;
	font-family: Verdana, Geneva, sans-serif;
	-moz-outline-style: none;
	outline: none;
	overflow: hidden;
	height: 0;
}

.gridHeader, .gridHeader a, .gridHeader a:visited {
    color:#4E0A55;
}

.gridHeader a:hover
{
    color:#4E0A55;
}
/*Form item odd Row Color*/
.formItem.odd {
	background:none repeat scroll 0 0 #FFF;
}
/* Component Icons*/
.claro .dojoxPortlet .dojoxPortletIcon {
	background-image:url("images/spriteRoundedIconsSmall.gif");
}
.claro .dojoxPortlet .dojoxPortletSettingsIcon {
	background-position:0 0;
}
.dojoxPortlet .dijitTitlePaneTitle .dojoxPortletIcon {
	margin: 1px;
}

/* Input Field*/
.claro .dijitTextBoxError .dijitValidationContainer {
	background-color: #d46363;
	border: solid #d46464 0px;
}
	.claro .dijitTextBox, .claro .dijitTextBox .dijitButtonNode {
	/* color for (outer) border on *TextBox widgets, and border between input and buttons on ComboBox and Spinner */
	border-color: #555555;
	-webkit-transition-property:background-color, border;
 	-webkit-transition-duration:.35s;
}
.claro .dijitTextBox {
	background-color: #fafafa;
}

/* hover */
.claro .dijitTextBoxHover, .claro .dijitTextBoxHover .dijitButtonNode {
	border-color: #868686;
 	-webkit-transition-duration:.25s;
}
.claro .dijitTextBoxHover {
	background-color: #fcfbfb;
	background-image: url('images/textBox_back.png');
	background-repeat: repeat-x;
}
/* error state */
.claro .dijitTextBoxError, .claro .dijitTextBoxError .dijitButtonNode {
	border-color: #d46464;
}
.claro .dijitTextBoxError, .claro .dijitTextBoxError .dijitInputContainer {
	background-color: #fdf7f7;
}
/* focused state */
.claro .dijitTextBoxFocused, .claro .dijitTextBoxFocused .dijitButtonNode {
	border-color:#919191;
 	-webkit-transition-duration:.1s;
}
.claro .dijitTextBoxFocused {
	background-color: #fff;
	background-image: url('images/textBox_back.png');
	background-repeat: repeat-x;
}
.claro .dijitTextBoxFocused .dijitInputContainer {
	background: #fff;
}
.claro .dijitTextBoxErrorFocused, .claro .dijitTextBoxErrorFocused .dijitButtonNode {
	border-color: #ce4f4f;
}

/* disabled state */
.claro .dijitTextBoxDisabled, .claro .dijitTextBoxDisabled .dijitButtonNode {
	border-color: #d3d3d3;
}
.claro .dijitTextBoxDisabled {
	background-color: #efefef;
	background-image: none;
	color: #818181;
}

/*button*/
.claro .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode, .claro .dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode {
	-moz-border-radius: 4px 4px 4px 4px;
	background-color: transparent;
	background-position: center top;
	background-repeat: repeat-x;
	border: 1px solid #555;
	padding: 2px 4px 4px;
	color:#000;
	background-image:url("images/button.png");
}

/*calendar*/
.claro .dijitCalendar {
	border:solid 1px #8f8e90;
	background-color:#ececec;
}
.claro .dijitCalendarHover, .claro .dijitCalendarActive {
	background-color: #e1e1e1;
	border:solid 1px #a1a1a1;
}
.claro .dijitCalendarHoveredDate .dijitCalendarDateLabel {
	background-color:#d2d2d2;
	border:solid 1px #afafaf;
}
.claro .dijitCalendarSelectedDate .dijitCalendarDateLabel {
	background-color:#cacaca;
	border-color:#555555;
}
.claro .dijitCalendarPreviousMonth .dijitCalendarDateLabel, .claro .dijitCalendarNextMonth .dijitCalendarDateLabel {
    border-color: #e6e2e9;
    color: #000;
}
.claro .dijitCalendarPreviousMonth,
.claro .dijitCalendarNextMonth {
	background-color:#dedede;
	background-image:none;
	border-bottom:solid 1px #e6e2e9;
	color:#000;
}
.claro .dijitCalendarNextYearHover,
.claro .dijitCalendarPreviousYearHover {
	color:#000;
	border:solid 1px #fefefe;
	padding: 0px 5px 0px 5px;
	background-color:#efefef;
}

/*Error Validation*/
.claro .dijitTooltipContainer {
	-moz-border-radius: 4px 4px 4px 4px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	background-color: #FFFFFF;
	background-image: url("images/tooltip.png");
	background-position: -575px 100%;
	background-repeat: repeat-x;
	border: 1px solid #555;
	font-size: 1em;
	padding: 6px 8px;
}

/*drop down arrow*/
.claro .dijitComboBox .dijitArrowButtonInner {
	background-image: url("images/commonFormArrows.png");
	background-position: 0px 53%;
	background-repeat: no-repeat;
	border: 1px solid #FFFFFF;
	height: 100%;
	margin: 0;
	width: 16px;
}
.claro .dijitComboBoxFocused .dijitArrowButtonInner {
	background-color:#f0f0f0;
	background-position: -70px 53%;
	border: 0 none;
}
.claro .dijitMenu {
    background-color: #FFFFFF;
    background-repeat: repeat-y;
    border: 1px solid #626262;
    margin: -1px 0;
}
/* hover state */
.claro .dijitComboBoxHover .dijitButtonNode {
	background-color:#c1bec3;
}
.claro .dijitComboBoxHover .dijitArrowButtonInner {
	background-position:-70px 53%;
}
/*check box and radio button*/
.claro .dijitToggleButton .dijitRadio,
.claro .dijitToggleButton .dijitRadioIcon {
	background-image: url('images/checkboxRadioButtonStates.png');
}

.claro .dijitRadio,
.claro .dijitRadioIcon	{		/* inside a toggle button */
	background-image: url('images/checkboxRadioButtonStates.png'); /* checkbox sprite image */
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	margin: 0px 2px 0px 0px;
	padding: 0px;
}
.claro .dijitToggleButton .dijitCheckBoxIcon {
	background-image: url('../images/checkmarkNoBorder.png');
}
.dj_ie6 .claro .dijitToggleButton .dijitCheckBoxIcon {
	background-image: url('../images/checkmarkNoBorder.gif');
}
.claro .dijitCheckBox, .claro .dijitCheckBoxIcon		/* inside a toggle button */ {
	background-image: url('images/checkboxRadioButtonStates.png'); /* checkbox sprite image */
	background-repeat: no-repeat;
	width: 15px;
	height: 16px;
	margin: 0 2px 0 0;
	padding: 0;
}
.dj_ie6 .claro .dijitCheckBox, .dj_ie6 .claro .dijitCheckBoxIcon		/* inside a toggle button */ {
	background-image: url('images/checkboxAndRadioButtons_IE6.png'); /* checkbox sprite image */
}
.dj_ie6 .claro .dojoxGridRowOver .dojoxGridCell, .dj_ie7 .claro .dojoxGridRowOver .dojoxGridCell {
	border-left:1px solid #ABD6FF;
	border-right:1px solid #ABD6FF;
}

.claro .dijitSpinner .dijitUpArrowButtonHover,
.claro .dijitSpinner .dijitDownArrowButtonHover,
.claro .dijitSpinnerFocused .dijitArrowButton {
	background-color: red;
}

/*Drop down Menu roll over*/
.claro .dijitComboBoxMenu .dijitMenuItemSelected {
	color:#000;
	border-color:#a9a9a9;
	background-color:#f7f5f8;
}

/*Drop down Menu Select*/
.claro .dijitComboBoxMenuActive .dijitMenuItemSelected {
	background-position:0px -177px;
	background-color:#dcdcdc;
}
.claro .dijitComboBoxFocused .dijitButtonNode {
    background-color: #BBB;
}
/*Content Are*/
.view {
    padding: 10px;
}

.view, .viewHeader, .viewTitle, .viewBackground
{
    background-color:#fff;
}

/* links ---------------------------------*/	
.portalTable A{
	color:#003c64;
	text-decoration:underline;
}
A {
	color:#003c64;
	text-decoration:underline;
}
A:active {
	color:#003c64;
	text-decoration:underline;
}
A:visited {
	color:#003c64;
	text-decoration:underline;
}
A:hover {
	color:#003c64;
	text-decoration:none;
}

/* Footer*/
.footer{
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	background-color: #4d4d52;
}

/* login Name*/
.loginName {
    color:#fff;
}



/* *********************************** */
/* 			NEW CSS CODE               */
/* *********************************** */

.loginName A {
	color:#fff;
	text-decoration:none;
}
.loginName A:active {
	color:#fff;
	text-decoration:none;
}
.loginName A:visited {
	color:#fff;
	text-decoration:none;
}
.loginName A:hover {
	color:#fff;
	text-decoration:underline;
}

/*tool tip connector*/
.claro .dijitTooltipContainer {
	background-color:#fff;
	background-image:url("images/tooltip.png");
	background-repeat:repeat-x;
	background-position:-575px 100%;
	border:1px solid #555;
	padding:6px 8px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow:0px 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
	font-size: 1em;
} 
.claro .dijitTooltipConnector {
    background-image: url("images/tooltip.png");
    background-repeat: no-repeat;
    border: 0 none;
    height: 14px;
    width: 16px;
    z-index: 2;
}
/* Button drop down arrow*/
.claro .dijitArrowButtonInner {
    background-image: url("images/buttonArrows.png");
    background-position: -51px 53%;
    background-repeat: no-repeat;
    height: 15px;
    margin: 0 auto;
    width: 15px;
}

/* Tab Colors*/
.claro .dijitTabChecked .dijitTabContent {
    border-color: #999;
    color: #000000;
    background-color: #ccc;
}
.claro .dijitTabHover .dijitTabInnerDiv {
	background-color:#e5e5e5;
 	-webkit-transition-duration:.25s;
	color:#000;
}
.claro .dijitTabActive .dijitTabInnerDiv {
	background-color:#afb0b1;
	color:#000;
	-webkit-transition-duration:.1s;
}
.claro .dijitTabChecked .dijitTabInnerDiv {
	background-color:#ccc;
	color:#000;
}

.claro .dijitTabContent {
	border: 1px solid #b5bcc7;
}
.claro .dijitTabHover .dijitTabContent,
.claro .dijitTabActive .dijitTabContent {
	border-color: #b3b3b4;
}
/* Dijit Select Drop Down*/
/* normal status */
.claro .dijitSelect {
	border: 1px solid #b5bcc7;
	background-color: #fcfcfc;
	border-collapse: separate;
}
.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
	background-image: url("images/commonFormArrows.png");
	background-position:-35px 70%;
	background-repeat: no-repeat;
	width:16px;
	height:16px;
	display:block;
}
.claro .dijitSelect .dijitArrowButton {
	padding: 0;
	border: 1px solid #fff;	/* inner white border on button node */
	border-top:none;
	background-color:#ebeef4;
	background-image: url("images/formHighlight.png");
	background-repeat:repeat-x;
}
/* hover status */
.claro .dijitSelectHover {
	border: 1px solid #868686;
	background-color: #fcfbfb;
	background-image: url('images/textBox_back.png');
	background-repeat: repeat-x;
}

.claro .dijitSelectHover .dijitButtonContents {
	border-color:#909090;
}

.claro .dijitSelectHover .dijitArrowButton {
	background-color:#dcdcdc;
}

/* focused status */
.claro .dijitSelectFocused {
	border: 1px solid #555555;
}
.claro .dijitSelectFocused .dijitButtonContents {
	border-color:#bcbcbd;
}
.claro .dijitSelectFocused .dijitArrowButton {
	background-color:#cfcfcf;
	background-position:0px -177px;
	border: none;
	padding: 0px 1px;
}

/*MENU ITEM*/
.claro .dijitMenuBar {
	border: 1px solid #b5bcc7;
	margin: 0px;
	padding: 0px;
	background-color: #e6e6e7;
	background-image: url("images/commonHighlight.png");
	background-position:0px 0px;
	background-repeat:repeat-x;
}

/* hover over a MenuBarItem */
.claro .dijitMenuPassive .dijitMenuItemHover,
.claro .dijitMenuPassive .dijitMenuItemSelected {
	background-color: #ececec;
	border:solid 1px #555555;
	background-position:0px 0px;
	color:#000;
	padding: 5px 9px 6px;
}
/* MenuBarItem that has been selected and menu drops down from it */
.claro .dijitMenuActive .dijitMenuItemHover,
.claro .dijitMenuActive .dijitMenuItemSelected {
	border:solid 1px #b8b9ba;
	padding: 5px 9px 6px;
	background-color: #f4f4f4;
	background-position:0px 0px;
	color:#000;
}
.claro .dijitMenuActive .dijitMenuItemActive{
	background-color: #bbbbbb;
	background-position:0px -177px;
}
/* Info Icon*/
.info {
    background: url("images/Info.png") no-repeat scroll 0 0 transparent;
}

/* Calendar Arrow and border*/
.claro .dijitCalendarIncrementControl {
    background-image: url("images/calendarArrows.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 18px;
}
.claro .dijitCalendarDayLabelTemplate {
    border-bottom: 1px solid #555;
    font-size: 0.909em;
    padding: 0 3px 2px;
    text-align: center;
}

/*Sub Nav current background*/
#subNav li.current, #subNav li.current a{
	background-color:#fff;
}
#nav li.current:first-child a {
	background:url("images/home.png") no-repeat 0 7px #59CD90;
}

.claro .dijitSelectMenu td.dijitMenuItemLabel {
	border-bottom: 1px dashed #ccc;
    padding-left: 5px;
    padding-right: 5px;
}

/* Dialog pop up title bar */
.claro .dijitDialogTitleBar {
	background: none repeat-x scroll left top #dbdbdc;
	border: 1px solid #dbdbdc;
    padding: 5px 7px 4px;
	color:#1191B1;
	text-transform:uppercase;
}
.claro .dijitDialog {
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    border: 1px solid #9F9E8B;
	color: #000;
}
.claro .dijitDialogPaneContent {
	background: #fff repeat-x top left;
	border-top: 1px solid #9F9E8B;
	padding:10px 8px;
	position: relative;
}


/* Dijit Dialog pop up title bar close icon */
.claro .dijitDialogCloseIcon {
	background: url(images/dialogCloseIcon.png);
	background-repeat:no-repeat;
	position: absolute;
	right: 5px;
	height: 15px;
	width: 15px;
}
.claro .dijitDialogCloseIconHover {
	background-position:-15px;
}
.claro .dijitDialogCloseIconActive {
	background-position:-30px;
}

.footer a, .footer A:active, .footer A:active, .footer A:hover{color:#fff;}
.footer A:hover{text-decoration:none; color:#fff}

.claro .dijitTitlePaneContentOuter, .claro .dijitTitlePaneTitle, .portalTable td, .portalTable th, .portalInfo {
	border-color: #fff !important;
}

.claro .ui-widget-header .dgrid-cell {
    background: none repeat-x scroll 0 0 #E2E2E2;
    border-color: #CCCCCC;	
}
.dgrid-resize-header-container {
	color: #444444;
	font-weight: bold;
}
.claro .ui-widget-header .dgrid-cell:hover {
	background: url("images/table_header_bg_over.gif") repeat-x #e6e6e6;
}
.claro .dgrid-row {
	border-top: 0 none !important;
	border-bottom: 1px solid #CCCCCC !important;
}
.dgrid-row-odd {
    background: none repeat scroll 0 0 #F6F7F5 !important;
}
.dgrid-resize-header-container {
	color: #444;
}
.pershingComponentHouseholdSummary_Value, .pershingComponentHouseholdSummary_Label {
    font-size: 1em;
	font-weight: normal;
}
.pershingComponentHouseholdSummary_Label {
    font-weight: bold;		
}
.claro .dijitDialogTitle {
	color: #333333;
	font-weight: bold;
}
.claro .ui-widget-header, .claro .dgrid-footer {
	background: none repeat-x scroll left top #E2E2E2 !important;
}
.dgrid-resize-header-container {
	color: #444 !important
}
.claro .ui-state-active:hover {
	border-top: 0 solid #BCBCBC !important;
}
.claro .dojoxGridRowSelected .dojoxGridCell {
	background-color: #DDDEDF !important;
}
.claro .ui-state-active {
    background-color: #DDDEDF !important;
}
.claro .ui-state-default:hover {
    background-color: #eeeeee !important;	
	border-top: 0 solid #BCBCBC !important;
}
#nav {
	/* background-color should be same as topLevelNav */
	background-color: #467A7B	;
}

/* below set of styles are added from the core.css to sync local htm with that of the site 
Login Name
footer text
footer links
*/

.loginName {
    display: inline;
    float: right;
    padding: 15px 10px 4px;
    position: relative;
    z-index: 999;
}
.footer, .footer a {
    color: #FFFFFF;
}
.footer {
	padding: 20px 30px 50px;
}
.disclaimer {
    padding-top: 10px;
}
.floatRight {
    float: right;
}
.disclaimerText {
	margin-right: 10px;
}