/* XPages Application CSS */
table.myTable {
	border-collapse: collapse;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333333
}

table.myTable td,table.myTable th {
	border: 1px solid #C9C7C7;
	padding: 2px 5px 2px 5px;
	vertical-align: text-top;
}

/*Buttons*/
.xspButton {
	background: none repeat scroll 0 0 #0fa0cc !important;
	
	border-color: #E5E5E5;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	height: 25px;
	margin-right: 5px;
	padding-bottom: 2px;
	border-radius: 5px;
	margin-bottom: 3.0px;
}
.xspButton1212 {
background: #971A31;
    padding: 4px 15px 4px 15px;
    width: 150px;
    height: 30px;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none !important;
    color: White !important;
}
.xspButtonDisable {
	background: none repeat scroll 0 0 #DEDEDE;
	border-color: #F0F0F0;
	border-style: solid;
	border-width: 1px;
	color: #F0F0F0;
	cursor: wait;
	font-weight: bold;
	height: 25px;
	margin-right: 5px;
	margin-bottom: 3.0px;
	padding-bottom: 2px;
	border-radius: 5px;
}

.myButton {
	color: #08233e;
	text-align: center;
	font: bold 12px sans-serif;
	color: #ffffff;
	text-decoration: none padding :                                     14px
		;
	height: 24px;
	background: url(overlayB.gif) repeat-x;
	border: 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 1px solid rgba(83, 58, 153, 0.5);
	margin-bottom: 5px;
	cursor: pointer;
}

.myButton:hover {
	background-image: url(overlayHoverB.gif);
	background-repeat: repeat-x;
	border-color: #A5BEDA #5C7590 #5C7590 #A5BEDA;
	color: #000000;
}

/* end of buttons */
.mylabel {
	background-color: #E7EDF3;
	color: #163673;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: normal;
}

.mylabel label {
	font: bold 12px Arial, Helvetica, sans-serif;
}

.xspTextLabel {
	font-weight: bold;
}

.myTableHeader {
	color: #333350;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
	background: #EEEEEE;
	background: -moz-linear-gradient(top, #EEEEEE 0%, #EEEEEE 40%, #EEEEEE 100%)
		;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEEEEE),
		color-stop(40%, #EEEEEE), color-stop(100%, #EEEEEE) );
	background: -webkit-linear-gradient(top, #EEEEEE 0%, #EEEEEE 40%, #EEEEEE 100%)
		;
	background: -o-linear-gradient(top, #EEEEEE 0%, #EEEEEE 40%, #EEEEEE 100%)
		;
	background: -ms-linear-gradient(top, #EEEEEE 0%, #EEEEEE 40%, #EEEEEE 100%)
		;
	background: linear-gradient(to bottom, #EEEEEE 0%, #EEEEEE 40%, #EEEEEE 100%)
		;
	border: 1px solid #EEEEEE;
	margin: 2px;
	padding: 2px;
}

.headerB {
	color: #FFFFFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	/*(font: bold 13px Arial, Helvetica, sans-serif;*/
	line-height: 15px;
	padding: 0px;
	background: #598EA5;
	border: 1px solid #C9C7C7;
	margin: 0px;
	padding: 2px;
}

.vwColumnHeader {
	color: #333350;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
	background: #EEEEEE;
	background: -moz-linear-gradient(top, #EEEEEE 0%, #EEEEEE 40%, #EEEEEE 100%)
		;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEEEEE),
		color-stop(40%, #EEEEEE), color-stop(100%, #EEEEEE) );
	background: -webkit-linear-gradient(top, #EEEEEE 0%, #EEEEEE 40%, #EEEEEE 100%)
		;
	background: -o-linear-gradient(top, #EEEEEE 0%, #EEEEEE 40%, #EEEEEE 100%)
		;
	background: -ms-linear-gradient(top, #EEEEEE 0%, #EEEEEE 40%, #EEEEEE 100%)
		;
	background: linear-gradient(to bottom, #EEEEEE 0%, #EEEEEE 40%, #EEEEEE 100%)
		;
	border: 1px solid #EEEEEE;
	margin: 2px;
	padding: 2px;
}

.headerB label {
	color: #FFFFFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	/*(font: bold 13px Arial, Helvetica, sans-serif;*/
	line-height: 15px;
	padding: 0px;
	background: #598EA5;
	border: 1px solid #C9C7C7;
	margin: 0px;
	padding: 2px;
}

.readOnlyField {
	color: #BBBBBB;
	background-color: #E8E8E8;
}

.ErrorAll {
	background: #FEF9E7;
	border: 1px solid #b00;
	color: #FF0000;
	padding: 5px;
	text-align: left;
}

a /*Datatable Or ViewPanel CSS starts here */ 
.evencol {
	border-left: 1px solid #E8E8E9;
	border-right: 1px solid #E8E8E9;
	padding-left: 3px;
}

.oddcol {
	padding-left: 3px;
}

.oddrow {
	background-color: rgb(248, 248, 248);
}

.evenrow {
	
}

.evenrow:Hover {
	background-color: rgb(288, 250, 221);
}

.oddrow:Hover {
	background-color: rgb(288, 250, 221);
}

.evencol:Hover {
	background-color: rgb(222, 238, 248);
}

.oddcol:Hover {
	background-color: rgb(222, 238, 248);
}

/*Datatable Or ViewPanel CSS ends here */ /*Date Picker Style Sheet*/
.xspInputFieldDateTimePickerNew {
	line-height: 1.5em !important;
	margin: 0em 0em 0em 0.1em;
	position: relative;
	vertical-align: middle;
	background-color: red;
}

/*******************Lotus Message Ends Here*********************/
	/*these are the greed confirm messages that show up at the top of the content area*/
.lotusConfirmMessage {
	padding: 5px;
	margin-bottom: 11px;
	background-color: #ecf9df;
	border: 1px solid #c8e2b8;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow: hidden;
	zoom: 1;
	position: relative;
}  /*error message*/
.lotusConfirmMessage img {
	margin: 2px 5px 0 0;
}

.lotusConfirmMessage span {
	display: block;
	margin-left: 20px;
}

.lotusConfirmMessage .lotusDelete,.portlet-msg .lotusDelete {
	position: absolute;
	right: 0;
	top: 5px;
}

.lotusConfirmMessage .lotusDelete img,.portlet-msg .lotusDelete img {
	float: none;
}

.lotusConfirmMessage span.lotusAltText {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

/*******************Lotus Confirm message Ends Here*********************/
.fourColumnCheckboxGroup {
	display: inline;
}

;
.fourColumnCheckboxGroup tr {
	float: left;
	width: 24%;
}

;
/**************************Fieldlimit for maxlenght of textarea is added************/
.FieldLimit {
	color: Red;
	/*background-color: #FFFFFF;*/
	width: 24px;
	height: 14px;
	border-width: 0px 0px 0px 0px;
	font: bold 10px Arial, Helvetica, sans-serif;
}

.FieldReadOnly {
	color: Black;
	/*background-color: #FFFFFF;*/
	width: 24px;
	height: 14px;
	border-width: 0px 0px 0px 0px;
	font: bold 10px Arial, Helvetica, sans-serif;
}

/****DOJO TABS New CSS**/
.tundra .dijitTabContainerTopStrip {
	border-top: 1px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
	border-bottom: 3px solid #0076BE;
	padding-top: 1px;
	font: bold 12px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	/*background: rgb(167, 35, 35) url("tabEnabled1.png") repeat-x*/
}

.tundra .dijitTabPaneWrapper {
	background: #fff;
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
}

.tundra .dijitTabContainer .tabStripButton {
	margin-right: 0;
	padding-top: 1px;
	z-index: 12;
}

.tundra .dijitTab {
	line-height: 25px;
	margin-right: 4px;
	color: #FFF;
	font-weight:bold;
	/*border: 1px solid #EEEEEE;*/
	background: #0076BE;
	/*background: rgb(167, 35, 35) url("tabEnabled1.png")repeat-x*/
}

.tundra .dijitTab:hover {
	background-color: white;
	color: #EEEEEE;
}

.tundra .dijitTabContainerTop-tabs .dijitTabChecked {
	border-bottom-color: white;
}

.tundra .dijitTabChecked {
	
	background-color: #8AD3FE;	
	color: #EEEEEE;
	background-image: none;
}

.xspButtonAdmin {
	background: none repeat scroll 0 0 #0fa0cc;
	border-color: #1C546C;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	height: 25px;
	margin-right: 5px;
	padding-bottom: 2px;
	border-radius: 5px;
	margin-bottom: 3.0px;
}
.xspRadioButton{
    border-width: 0px;
    border-color: white;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 2px;
    margin-bottom: 1.0px;
    margin-top: 1.0px;
    margin-left: 1.0px;
    margin-right: 1.0px;
}
	
.dropdownMenuTable {
	border: 1px solid #EEEEEE;
}

.dropdownMenuSubHeader {
	color: #333350;
	background: #EEEEEE;
	border: 1px solid #EEEEEE;
	margin: 2px;
	padding: 10px;
}

.dropdownMenuSubItem {
	margin: 2px;
	padding: 10px 30px;
	border: 0;
}
/* default */
/*@import url("fonts.css");*/
table { width: 100%; margin: 0; background: #fcfcfc; border: none; margin: 0 0 20px 0; border: 1px solid #eee; -webkit-border-radius: 3px; border-radius: 3px; }
table thead { font-weight: bold; }
table thead tr { background: #f5f5f5; }
table th { padding: 12px; border: 1px solid #eee; text-align: left; }
table td { padding: 12px; border: 1px solid #eee; }
table tfoot td { border-top: 1px solid #EEE; }
table tbody td td { border-top: 1px dotted #EEE; }
table tbody td tr:hover td { background: #FFF; }

#fancybox-wrap table { background: none; }
table { border-collapse: collapse; border-spacing: 0; }



.lotusTabs li,.portlet-tab li {
	margin: 0 2px 0 0;
	padding: 0;
	background-color: #F4F2F2;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-color: #ccc;
}

input[type=checkbox] {
  margin: 5px 5px;
}

input[type=radio] {
  margin: 5px 5px;
}

.stack-title { padding: 0; margin-bottom: -1px; }
.stack-title .title-block { padding: 10px,0; position: relative; }
.stack-title .title-block .runner-line, .stack-title .title-block .runner-line-grey { height: 1px; width: 100px; position: absolute; bottom: 0; left: 0; display: none; }
.stack-title .title-block .runner-line-grey { width: 100%; background: #eee; }

.stack-column .column { margin: 0 0 30px 0; }

.main-pane-with-sidebar .stack:first-child { padding-top: 0; }

.stack-separator .separator { border-bottom: 1px solid #f5f5f5; position: relative; margin: 0 auto 30px; max-width: 100%; }
.stack-separator .separator .spot { width: 10px; height: 10px; background: #eee; display: block; margin: 0 auto; margin-bottom: -5px; position: relative; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #fff; display: none; }
.stack-separator.compact .separator { width: 500px; }

.stack-title em { font-style: normal; }
.stack-title #page-title1 { font-size: 15px;  margin: 0; text-transform: uppercase; }
.stack-title #page-titleNew {font-weight:bold;color:#7dc436 !important ;margin: 0px 0 0 0; text-transform: uppercase;  }
.stack-title #page-titleNew1 {font-weight:bold; font-size: 17px; margin: 10px 0 0 0; text-transform: uppercase;  }
.stack-title #page-titleNew2 {font-weight:bold; font-size: 17px; margin: 10px 0 0 0; text-transform: uppercase;  }

.stack-title #page-sub-title { font-size: 13px; margin: 10px 0 0 0; }
.stack-title #page-sub-title1 { font-size: 13px; margin: 10px 0 0 0; }
.stack-title #page-sub-title2 { font-size: 13px; margin: 10px 0 0 0; }
.stack-title #page-sub-title3 { font-size: 13px; margin: 10px 0 0 0; }
.stack-title .breadcrumb { display: none; }
.stack-title .breadcrumb a { color: #7DC436; }
.stack-title .breadcrumb i { margin: 0 6px; }
.stack-title .breadcrumb .sep { margin: 0 6px; opacity: 0.3; }

fieldset.noBorderRadio {
    border: 0 none;
    border-color: white;
}


/* Viewpanel Css*/

.xspDataTableViewPanelHeaderMiddle {
    background-color: #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-right: 0px;
    padding: 0px;
    width: 100%;
}


.xspDataTableViewPanelHeaderStart {
    max-height: 15px;
    width: 0px;
    border: 0px;
    background-color: #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 0px;
}


.xspDataTableViewPanelHeaderEnd {
    width: 0px;
    background-color: #ffffff;
    border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 0px;
}

.xspPagerRight {
    float: right;
    padding: 0px 0px 0px 0px; /**/
    text-align: center;
    font-size: .9em;
    color: #848484;
    background-color: #ffffff;
}
.xspPagerLeft {
    float: right;
    padding: 0px 0px 0px 0px; /**/
    text-align: center;
    font-size: .9em;
    color: #848484;
    background-color: #ffffff;
}


/*.xspDataTableViewPanelFooterStart {
    display: none;
}

.xspDataTableViewPanelFooterMiddle {
    display: none;
}

.xspDataTableViewPanelFooterEnd {
    display: none;
}*/



.xspDataTableViewPanelFooterMiddle {
    background-color: #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-right: 0px;
    padding: 0px;
    width: 100%;
}


.xspDataTableViewPanelFooterStart {
    max-height: 15px;
    width: 0px;
    border: 0px;
    background-color: #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 0px;
}


.xspDataTableViewPanelFooterEnd {
    width: 0px;
    background-color: #ffffff;
    border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 0px;
}


.xspDataTable {
    padding: 0px;
    border: 0px;
    padding: 0px;
    margin: 0px 0px 0px 0px !important; /* */
    width: 100%;
    border-collapse: collapse;
}


.odd {
 background-color: rgb(245, 245, 245);
}

.odd:Hover {
 background-color: rgb(288, 250, 221);
}

.even {
 background-color: rgb(255, 255, 255);
}

.even:Hover {
  background-color: rgb(288, 250, 221);
}

.highlight-container {
	padding: 15px;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.highlight-container.realprotect {
	color: #000000;
	background-color: #f3f3f2;
	border-color: #D3D3D3;
}

.highlight-container.lipscomb {
	color: #000000;
	background-color: #f3f3f2;
	border-color: #D3D3D3;
}

.headerphone {
	text-align:right;
	padding-top:5px;
	color: #0077B0;
}

.headerphone.realprotect {
	color: #002e62;
}

.headerphone.lipscomb {
	color: #6e298d;
}