@charset "utf-8";
@viewport{
    zoom: 1.0;
    width:extend-to-zoom;
}

@font-face {font-family:roboto;src: url(fonts/roboto-regular.ttf);}
@font-face {font-family:robotoThin;src: url(fonts/roboto-light.ttf);}
@font-face {font-family:robotoBold;src: url(fonts/roboto-bold.ttf);}
@font-face {font-family:robotoBoldItalic;src: url(fonts/roboto-bolditalic.ttf);}

::-webkit-scrollbar-track-piece{
	background-color:#FFF;
	-webkit-border-radius:0;
}
::-webkit-scrollbar{
	width:10px;
	height:10px;
}
::-webkit-scrollbar-thumb{
	height:50px;
	background-color:#ccc;
	-webkit-border-radius:0px;
	outline:2px solid #CCC;
	outline-offset:-2px;
	border: 5px solid #CCC;
}
::-webkit-scrollbar-thumb:hover{
	height:50px;
	background-color:#9f9f9f; background-color:#04ba1a;
	-webkit-border-radius:0px;
}


body,html{}

body{background-color:#FFF;font-family:roboto,'Segoe WP Light',Trebuchet MS,Helvetica,Tahoma,sans-serif,'Segoe UI Light';}




img,table{border-width:0px;}

.textLogo,.siteName,.loginStatus{display:inline-table; vertical-align:middle;margin-right:5px}

.textLogo{height:48px;background-image:url(images/sunlight.png);background-repeat:repeat-x; background-position:0 -21px;padding:2px 20px 4px 20px;margin-left:1px;text-align:center;border-color:#999;background-color:#346700; box-shadow:0px 0px 7px #999;border-radius:2px 2px 90px 90px;}

.textLogo a{color:#FFF;font-size:1.9em;text-decoration:none !important;}

.textLogo a:hover{color:#99cc66}

.siteName{font-weight:bold;font-size:30px;color:#204000;white-space:nowrap;line-height:45px; text-transform:capitalize;position:relative;}

#wrapper{min-height:100%;position:relative;}

.headerOverhang{background-color:#FFF; height:15px; position: relative}

.usrLocAss {position:absolute;right:20px;bottom:-10px; background-color:#FFF;border-radius: 50px 50px 0 0;height:20px;padding:2px 25px; z-index:1000;color:#337ab7;color:#rgba(40,96,144,1)}

.usrLocAss ul, div.usrLocAss ul li{padding:0px 0px 3px 0px;margin:0px; list-style:none }

.usrLocAss ul{ text-align:right}

.usrLocAss ul li{display:inline}

.usrLocAss ul li span._label {font-size:90%;color:##204000}

.usrLogTime{position:absolute;right:80px;top:0px; background-color:#FFF;border-radius: 0 0 50px 50px;padding:3px 25px; z-index:200;font-size:90%;color:#337ab7}

.usrLogTime a{color:#C63}

.appName{position:absolute;bottom:-20px;right:60px;background-color:#FFF;border-radius:50px 50px 0 0;padding:5px 25px;color:#337ab7 !important;font-size:120%; letter-spacing:0.3em; text-transform:uppercase;font-size:95%;font-weight:bold;color:#337ab7 !important}

.appName>span{ border-width:0 0 0 0; border-color:#CCC; border-style:dotted;padding:0 10px}


#header{position:relative;}

#content{padding:0 10px 30px 10px;}

.f{width:100%;position:fixed;bottom:0px;left:0px;z-index:1000;font-size:0.6em;color:#999;text-align:center;line-height:20px ;border-width:0 0 0 0 ;border-style:dotted; border-color:#CCC; background-color:rgba(255,255,255,0.7)}

.f a{}

.f img{width:35px; background-color:#FFF; border-radius:35px}
/*Endz Framework*/

/*Margins ,Paddings,Corners,Colors*/ 

/*Backgrounds styles */

.bg_stripes{ background-image:url(images/greyStrips.png)}

.bg_heartBlue{ background-color:#005997}

.bg_lightBlue{background-color:#f1f5fb; background-color:#f5f7fb}

.bg_mediumBlue{background-color:#ecf1fb}

.bg_blue_tint{ background-color:rgba(62, 126, 215, 0.7)}

.bg_blue{background-color:#3e7ed7}

/*Grey::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.bg_lightGrey{background-color:#EEE; border-color:#CCC; border-width:0px; border-style:solid;}

.bg_lightGrey .datagrid tr td{border-color:#EEE;}

.bg_lightGrey  tr.datagrid_alternatingItem {background-color:#CCC; background-image:none}

.bg_lightGrey .datagrid tbody tr.datagrid_alternatingItem{background-color:#FFF;}

.bg_lightGrey .datagrid tbody tr.datagrid_alternatingItem .buttonDefaultColor{background-color:#c8c8b7;
border-color:#acac9b;-moz-box-shadow:0px 0px 4px #88887b;-webkit-box-shadow:0px 0px 4px #88887b;
box-shadow:0px 0px 4px #88887b;text-shadow:1px 1px 0px #f0f0df;}

.bg_grey{background-color:#CCC !important}

.bg_darkGrey{background-color:#999 !important}

.bg_grey_tint{background-color:rgba(50,50,50,0.1)}

.bg_white{background-color:#FFF;}

.bg_white_tint_H{background-color:rgba(255,255,255,0.75)}

.bg_white_tint_M{background-color:rgba(255,255,255,0.50)}

.bg_white_tint_L{background-color:rgba(255,255,255,0.25)}

.bg_white ::-webkit-scrollbar, .bg_grey_tint ::-webkit-scrollbar,.bg_green_tint ::-webkit-scrollbar{width:5px;height:5px;}

.bg_white ::-webkit-scrollbar-thumb{background-color:#EEE;border: 1px solid #EEE; }


/*Grey Ends::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*Green:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.bg_green_tint {background-color:rgba(147, 212, 26, 0.6);color:rgba(39, 90, 5, 0.89);}

.bg_green_tint input:not([type=submit]):not([type=file]):not([type=button]){ background-color:#8aa753; border-width:0px;color:#FFF;padding-left:4px;inset 0 0 8px  rgba(0,0,0,0.1) }

.bg_green_tint h2{color:rgba(39, 90, 5, 0.89);}

.bg_green_tint ::-webkit-scrollbar-thumb{background-color:#FFF;border: 1px solid #EEE; }

.bg_green_tint h3 {color:#FFF}

.bg_green_tint .note {color: rgba(39, 90, 5, 0.89) !important;}

.bg_lightGreen ,.bg_green{background-color:#CCFFCC;color:#6c876c;}

.bg_lightGreen td{border-width:1px ; border-style:solid; border-color:#696}

.bg_lightGreen .itemTitle{font-weight:bold;color:#6c876c;}

.bg_darkGreen{background-color:#5b5e5b; background-color:#466546; background-color:#93a793}

.bg_darkGreen .datagrid tr td{border-color:#5b5e5b;}

.bg_c6cdc6{background-color:#c6cdc6;}

.bg_c6cdc6 .datagrid tr td{border-color:#c6cdc6;}

.bg_ccd3cc{background-color:#ccd3cc;}

.bg_ccd3cc .datagrid{width:100%;}

.bg_ccd3cc .datagrid tr td{border-color:#bg_ccd3cc;}

.bg_ccd3cc .datagrid .datagrid_header{background-color:#94bb94; background-color:transparent; background-image:url(images/dotMatrix_green.png)}
.bg_ccd3cc .bdr_white, bdr_lightGrey{ border-color:#94bb94}

.bg_ccd3cc .datagrid .datagrid_header td{text-shadow: 0px 1px 1px #c7fbc7; color:#455745}

.bg_ccd3cc .datagrid .datagrid tr td{color:#455745}

.bg_ccd3cc .datagrid .datagrid_footer{ background-color:transparent}

.bg_ccd3cc .datagrid .datagrid td{border-color:#CCC !important}

/*Green ends:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.bg_cream{background-color:#ebebda;}

.bg_cream .dottedLine{border-color:#d8d8bd}

.bg_white{background-color:#FFF}

.bg_orange{background-color:#fda911;}

.bg_orange,.bg_orange label{color:#FFF}

.bg_orange label input:radio{ background-color:#FFFFFF}

.bg_orange h2{color:#FFF}

.bg_red,.bg_red label{background-color:#F00 !important}

.bg_red td span{color:#FFF}
.bg_red label input:radio{ background-color:#FFFFFF}

.bg_red h2{color:#FFF}

.bg_lightPurple{background-color:#caafdd; border-bottom-width:1px !important;}

.bg_darkPurple{ background-color:rgba(112,57,150,0.5);color:#FFF}

.bg_yellow{background-color:#ffff00  !important}


.bg_noColor{background-color:transparent}

.bg_noBackground{background-image:none !important;}

.bg_dots_grey{background-image:url(images/dotMatrix_grey.png);}

.bgc_f7920c{ background-color:#f7920c}

.bgc_94c143{ background-color:#94c143}

.bgc_e51c5e{ background-color:#e51c5e;color:#FFF !important}

.bgc_0fb1e1{ background-color:#0fb1e1}

.bgc_9e75b2{background-color:#9e75b2;color:#FFF}

.bgc_9e75b2 .GV tr th{ background-color:#866397; box-shadow:none; border-color:#9e75b2}

.bgc_3d3c3e{background-color:#666;color:#EEE}

.bgc_3d3c3e .GV tr th{ background-color:#444; box-shadow:none; border-color:#666}

.bgc_666{background-color:#666;color:#EEE}

.bgc_666 .GV tr th{ background-color:#444; box-shadow:none; border-color:#999}

.bgc_999{background-color:#999;color:#EEE}

.bgc_999 .GV tr th{ background-color:#CCC; box-shadow:none; border-color:#999;color:#FFF !important}

/*Text colors:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.darkGrey{color:#666}
	
.red{color:#F00;}

.white{color:#FFF}

.blue{color:#0fb1e1}

.yellow_{color:#dead37}

.black {color:#333}

.purple{color:#703996 !important}



.brick{color:#5e1f1f;}

.grey{color:#EEE}

.green{color:#a3c539;color:#5A7800}

.burntOrange{color:#C63;}

.heartBlue{color:#005997}

.whiteTextOnly{color:#FFF !important}

.whiteTextOnly .GV th{color:#333}

.blue{color:#07576e}

.bgc_0fb1e1 .whiteTextOnly .GV th{color:#07576e !important}

/*Margins--------------------------------------------------------*/
.mt-25{ margin-top:-25px}

.mt-20{ margin-top:-20px}

.mt-15{ margin-top:-15px}

.mt-10{ margin-top:-10px}

.mt-5{ margin-top:-5px}

.mt-2{ margin-top:-2px}

.mt-1{ margin-top:-2px}

.mt1{ margin-top:1px;}

.mt2{ margin-top:2px;}

.mt5{ margin-top:5px;}

.mt10{ margin-top:10px;}

.mt15{ margin-top:15px;}

.mt20{ margin-top:20px;}

.mt25{ margin-top:25px;}

.mt30{ margin-top:30px;}

.mt35{ margin-top:35px;}

.mt40{ margin-top:40px;}

.mt45{ margin-top:45px;}

.mt50{margin-top:50px}

.mt60{margin-top:60px}

.mt70{margin-top:70px}

.mt80{margin-top:80px}

.mt90{margin-top:90px}

/*--Margin bottom */

.mb-1{margin-bottom:-1px}

.mb1{margin-bottom:1px;}

.mb2{margin-bottom:2px;}

.mb5{ margin-bottom:5px;}

.mb10{ margin-bottom:10px;}

.mb15{ margin-bottom:15px;}

.mb20{ margin-bottom:20px;}

.mb25{margin-bottom:25px}

.mb30{margin-bottom:30px}

.mb35{margin-bottom:35px}

.mb40{margin-bottom:40px}

.mb45{margin-bottom:45px}

/*--Margin right */
.mr2{ margin-right:2px}

.mr5{ margin-right:5px}

.mr10{ margin-right:10px}

.mr15{ margin-right:15px}

.mr20{ margin-right:20px}

.mr30{margin-right:30px}

.mr40{margin-right:40px}

/*margin left*/ 
.ml5{margin-left:5px}

.ml10{margin-left:10px}

.ml15{margin-left:15px}

.ml20{margin-left:20px}

.ml30{margin-left:30px}

.ml40{margin-left:40px}

/*Padding------------------------------------------------------------------ */

.np{padding:0px !important;}

.ntp{padding-top:0px!important;}

.nbp{padding-bottom:0px!important;}

.nlp{padding-left:0px!important;}

.nrp{padding-right:0px!important;}

.rp30{padding-right:30px !important}

.p0,.p0 span{padding:0px !important}

.pb5 {padding: 0 0 5px 0}

.pb10 {padding: 0 0 10px 0}

.pb15 {padding: 0 0 15px 0}

.pb20 {padding: 0 0 20px 0}

.p1{padding:1px;}

.p2{padding:2px;}

.p3{padding:3px;}

.p4{padding:4px;}

.p5{padding:5px;}

.p8{padding:8px;}

.p10{padding:10px;}

.p15{padding:15px;}

.p20{padding:20px;}

.p25{padding:25px;}

.pb{padding-left:0px; padding-right:0px; padding-top:0px;}

.pl{padding-top:0px; padding-right:0px; padding-bottom:0px;}

.pl20{padding-left:20px}

.p1020{padding:10px 20px}

.p0101 {padding-top:0px;padding-bottom:0px}

.p1010 {padding-left:0px;padding-right:0px}

.p1000 {padding-left:0px;padding-right:0px; padding-bottom:0px}

.p0010 {padding-left:0px;padding-right:0px; padding-top:0px}

.p0100 {padding-left:0px;padding-top:0px; padding-bottom:0px}

.p0001 {padding-right:0px;padding-top:0px; padding-bottom:0px}

.p0111 {padding-top:0px}

/*Borders------------------------------------------------------------------------*/

.spacer{display:block;height:0px;width:100%;margin: 5px 0 15px 0;}

.doubleSpacer{display:block;height:0px;width:100%;margin:15px 0;}

.inlineSpacer{height:0px;width:100%;margin:-15px 0 20px 0;}

.dll{border-width:0 0 0 1px;border-color:#CCC;border-style:solid;}

.dottedLine_l_v{border-width:0 0 0 1px;border-color:#e6e6e6;border-style:dotted;}

.doubleDottedLine{border-width:1px 0;border-top-color:#ccc;border-bottom-color:#FFF;border-style:dotted;width:100%;height:0px;}

.doubleSolidLine{border-width:1px 0;border-top-color:#ccc;border-bottom-color:#FFF;border-style:solid;display:block;width:100%;height:0px;}

.solidLine, .sl{border-width:7px 0 0 0;border-color:#DDD;border-style:solid;display:block;width:100%;height:1px;}

.boldLine{display:block;width:100%;height:5px;}

.slt{border-width:1px 0 0 0;border-style:solid;}

.slb{border-width:0 0 1px 0;border-style:solid;padding-bottom:5px;border-color:#ccc;}

.sltb{border-width:1px 0;border-color:#eEE;border-style:solid;}

.dlt{border-width:1px 0 0 0;border-color:#CCC;border-style:dotted;}

.dltb{border-width:1px 0;border-style:dotted;}

.dlb{border-width:0 0 1px 0;border-style:dotted;}

.slt,.slb,.dlb,.dltb{border-color:#DFDFDF;}

.bg_lightBlue .dottedLine{border-color:#dce0e5 !important}

.noBorder,.nb, table.nb tbody,table.nb tbody tr,table.nb tbody tr td{border-width:0px !important;}

.bdr_grey{border-width:1px; border-color:#CCC;border-style:solid;}

.bdr_lightGrey{border-color:#DFDFDF;}

.bdr_white{border-color:#FFF;}

.bdr_darkBlue{border-color:#0ea1cd;border-style:solid}

.bdr_lightGrey_t{border-color:#DFDFDF;border-width: 1px 0 0 0}

.bdr_white_t{border-color:#FFF;border-width: 1px 0 0 0}

.bg_lightGrey div.bdr_white{border-color:transparent !important}

.bdr_lightPurple{ border-width:1px 1px 1px 0; border-style:solid;border-color:#efdbfd}

.bdrw2{ border-width:2px}

.bdr_4LightGreen{border-width:1px; border-color:#696; border-style:solid;}

.bdr_cream{border-color:#dbdb88;}

.bdr_lightGrey,.bdr_white,.bdr_cream{border-width:1px; border-style:solid;}

.bdr_0111{border-width: 0 1px 1px 1px !important}

.bdr_0001{border-width: 0 0 0 1px !important}

.bdr_1010{border-width: 1px 0px !important}

.bdr_0101{border-width: 0px 1px !important}

.bdr_0010{border-width: 0 0 1px 0 !important}

.bdr_1010,.bdr_10{border-width:1px 0 !important}

.bdr_0100{border-width: 0 1px 0 0 !important}

.bdr_1000{border-width:1px 0 0 0 !important}

.bdr_1101{border-width:1px 1px 0 1px !important}

.bdr_1001{border-width:1px 0 0 1px !important}

/*Corners-------------------------------------------------------------------------- */

.c2{-moz-border-radius:2px;border-radius:2px;-webkit-border-radius:2px;}

.c5{border-radius:5px;}

.c8{-moz-border-radius:8px;border-radius:8px;-webkit-border-radius:8px;}

.c10{-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;}

.c0088{-moz-border-radius: 0px 0px 8px 8px;border-radius:0px 0px 8px 8px;-webkit-border-radius:0px 0px 8px 8px;}

.c2244{-moz-border-radius: 2px 2px 8px 8px;border-radius:2px 2px 8px 8px;-webkit-border-radius:2px 2px 8px 8px;}

.c8822{-moz-border-radius: 8px 8px 2px 2px;border-radius:8px 8px 2px 2px;-webkit-border-radius:8px 8px 2px 2px;}

.c4400{-moz-border-radius: 4px 4px 0px 0px;border-radius:4px 4px 0px 0px;-webkit-border-radius:4px 4px 0px 0px;}

.nc{-moz-border-radius:0px !important; border-radius:0px !important; -webkit-border-radius:0px !important;}

/*Background colors----------------------------------------------------------------- */

.bg_dots_grey,.bg_dots{background-image:url(images/dotMatrix_grey.png);}

.bg_heartBlue{background-color:#005997}

.bg_lightBlue{background-color:#f5f7fb}

.bg_mediumBlue{background-color:#ecf1fb}

.bg_cream{background-color:#fbfbdb;}

.bg_cream .dottedLine{border-color:#d8d8bd}

.bg_white{background-color:#FFF}

.bg_orange{background-color:#fda911;}

.bg_blue{background-color:#3e7ed7}

.bg_T{background-color:transparent}

.bg_gridNoContent{ background-color:rgba(100,100,100,0.1)}

/*Greys*/

.bg_lightGrey{background-color:#EEE;text-shadow:1px 1px 0px #fff;}

.bg_lightGrey .datagrid tr td{border-color:#EEE;}

.bg_lightGrey  tr.datagrid_alternatingItem {background-color:#CCC !important}

.bg_lightGrey .datagrid tbody tr.datagrid_alternatingItem{background-color:#ebebda;}

.bg_lightGrey .datagrid tbody tr.datagrid_alternatingItem .buttonDefaultColor{color:#7b7b6a !important;background-color:#c8c8b7;border-color:#acac9b;box-shadow:0px 0px 4px #88887b;text-shadow:1px 1px 0px #f0f0df;}

.bg_grey{background-color:#CCC;}

.bg_darkGrey{background-color:#666;}

/*Greens*/

.bg_lightGreen{background-color:#f9fbf3;}

.bg_darkGreen{background-color:#5b5e5b; background-color:#466546; background-color:#93a793}

.bg_darkGreen{border-color:#5b5e5b;}

.bg_c6cdc6{background-color:#c6cdc6;}

.bg_c6cdc6{border-color:#c6cdc6;}

.bg_ccd3cc{background-color:#ccd3cc;}

/*Greens end*/

.bg_midLightBlue{background-color:#e5edfb}

.bg_lightGrey2{background-color:#E0E0E0;}

.bg_greyToWhite{background-image:url(images/greyToWhiteStrip.jpg); background-repeat:repeat-x; background-position:bottom;}

.bg_whiteToGrey{background-image:url(images/whiteToGreyStrip.jpg); background-repeat:repeat-x; background-position:top;	}

.bg_whiteToGreyToWhite{background: #fffdfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fffdfc 0%, #eeeeee 28%, #dddddd 51%, #eeeeee 71%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffdfc), color-stop(28%,#eeeeee), color-stop(51%,#dddddd), color-stop(71%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fffdfc 0%,#eeeeee 28%,#dddddd 51%,#eeeeee 71%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fffdfc 0%,#eeeeee 28%,#dddddd 51%,#eeeeee 71%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fffdfc 0%,#eeeeee 28%,#dddddd 51%,#eeeeee 71%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fffdfc 0%,#eeeeee 28%,#dddddd 51%,#eeeeee 71%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdfc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.bg_whiteToGreyToWhite .gridItemSelected {background-color:transparent !important;}

.bg_lightGrey .dlb{border-color:#CCC;}

.bg_stripes { background-image: url(images/greyStrips.png);background-repeat: repeat;}

/*Border colors----------------------------------------------------------------- */	

.bdr_lightGrey{border-color:#DFDFDF;}

.bdr_white{border-color:#FFF;}

.bdr_cream{border-color:#dbdb88;}

.bdr_lightGrey,.bdr_white,.bdr_cream{border-width:1px; border-style:solid; }

/*Drop shadows-----------------------------------------------------------------  */
.dsi{box-shadow:0px 0px 5px 0px #EEE inset;} 

.dsi2{box-shadow:0px 3px 3px 3px #666 inset;}

.ds{box-shadow:0 1px 2px rgba(0,0,0,.1)}

/*Endz Margins,paddings,corners,colors*/

/*Typography*/

.note{font-size:1em;}

a:hover{color:#9C6;}

.darkGrey{color:#666}
	
.red{color:#d9534f!important}

.bloodRed{color:#900 !important}

.white{color:#FFF}

.blue{color:#00F;}

.yellow{color:#dead37;}

.brick{color:#5e1f1f;color:#666;}

.grey{color:#666}

.green_365200{ color:#365200}

.heartBlue{color:#005997}

.burntOrange{ color:#C63}

.loggedout{color:#F00}

.loggedin{font-size:1.2em;color:#900;font-weight:bold;}

/*MyTabsStyle*/
.MyTabStyle .ajax__tab_header{margin-bottom:15px;border-width:0 0 1px 0;border-style:solid;border-color:#d7d7d7;padding-left:0px }

.MyTabStyle .ajax__tab_header .ajax__tab_outer{margin-right:5px ;}

.MyTabStyle .ajax__tab_header .ajax__tab_inner {padding:5px;font-size:18px;color:#337ab7 }

.MyTabStyle .ajax__tab_hover .ajax__tab_outer{background-color:transparent;}

.MyTabStyle .ajax__tab_hover .ajax__tab_inner {color:#d9534f;}

.MyTabStyle .ajax__tab_active .ajax__tab_outer{border:solid 1px #d7d7d7; border-bottom-color:#d7d7d7;background-color:#d7d7d7}

.MyTabStyle .ajax__tab_active .ajax__tab_inner{ border-color: #333;}

.MyTabStyle .ajax__tab_body{}

/*Endz Tabz Container*/



/*MyPills*/
.MyPills .ajax__tab_header{margin-bottom:15px;border-width:0;padding:0px }

.MyPills .ajax__tab_hover .ajax__tab_inner , .MyPills .ajax__tab_active .ajax__tab_inner, .MyPills .ajax__tab_active .ajax__tab_outer, .MyPills .ajax__tab_hover .ajax__tab_outer, .MyPills .ajax__tab_header .ajax__tab_inner,  .MyPills .ajax__tab_header .ajax__tab_outer{margin:0px !important;padding:0px !important ;background-color:transparent;border-width:0px}

.MyPills .ajax__tab_body{margin-bottom:30px}

.MyPills .ajax__tab_tab{display:block;text-align:center;background-color:#FFF;border-radius:0px;border-color:#CCC;border-width:1px;border-style:solid;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:7px;font-size:18px}

.MyPills .ajax__tab_active .ajax__tab_inner .ajax__tab_tab{background-color:#999; color:#FFF;border-color:#999}

/*Endz Tabz Container*/


/*Page Title*/

.ptCradle{margin:auto;position:relative;padding:6px 0 3px 0;height:auto;margin:0 0 20px 0}

.pt{padding:0px 10px;border-color:#DFDFDF;border-width:0 0 1px 0;border-style:solid; display:inline-block;padding-right:70px;border-radius: 0 0px 0 0;}

.pt span:first-child{display:inline-block;font-weight:normal;letter-spacing: 0.1em;color: #5A7800;border-width: 0 0 0 0;border-style: solid;border-color:rgba(153,204,102,0.6);margin-bottom:1px;color:#204000;color:#C63;color:#d9534f;font-size:270%;padding-top:5px}

.pt span:last-child{display:inline-block;font-size:1.1em;color:rgba(52,103,0,0.7);margin-left: 5px; font-weight:bold; vertical-align:middle;color:#F60;color:#337ab7;color:#999; color:#337ab7}

/*Endz Page title*/

/*Loader*/
  .loader
{
	font-size: 10px;
	/*  position: absolute;
  left:50%;
  right:50%;*/
  text-indent: -9999em;
	border-top: 1em solid rgba(255, 255, 255, 0.1);
	border-right: 1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1em solid rgba(255, 255, 255, 0.3);
	border-left: 1em dotted #fcfcfc;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 0.3s infinite linear;
	animation: load8 0.3s infinite linear;
}

.loader, .loader:after
{
	border-radius: 50%;
	width: 10em;
	height: 10em;
}
@-webkit-keyframes 
load8 {  0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes 
load8 {  0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}

/*Endz Loader*/


/*.NET Control Styles::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.renderVertical ._button, renderVertical .linkButton { display:block !important; margin-bottom:5px !important}

.renderHorizontal ._button, renderHorizontal .linkButton {display:inline}

._button,.linkButton{padding:5px;border-style:solid;border-width:1px;text-decoration:none;background-image:url(images/sunlight.png);background-repeat:repeat-x;background-position:0 -28px;font-size:0.7em;letter-spacing:1px;text-align:center;white-space:nowrap;text-transform:capitalize;font-weight:bold;border-radius:4px;}

._button:hover,.linkButton:hover{background-image:url(images/sunlight.png); cursor:pointer}

tr.datagrid_footer td .linkButton {display:inline !important;}

/*Optional colors for buttons ends::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

._textBox,._label,.dropDownList,.dropDownList option,.radioButtonList,textarea._textBox{}

textarea._textBox{font-family: "Trebuchet MS",Helvetica,Tahoma,sans-serif !important;}

._label{margin-top:5px;font-weight:bold;}

.disabled span{color:#999 !important}

._textBox{border-color:#ccc !important;border-width:1px !important;padding:2px 5px;border-style:dotted !important;}

._textBox:hover{background-image:url(images/dotMatrix_grey.png);border-color:#9C0;border-color:#9C0;border-style:solid;}

.radioButtonList{padding:2px 5px;}

.radioButtonList tr{text-align:left; vertical-align:top}

.radioButtonList tr td{border-width:0px !important;}

.dropDownList{outline:none; border-style:dotted; border-color:#999; border-width:1px}

.fieldValidator{color:#F00 !important;}
.lightAFire .fieldValidator{ color: #FFF !important;}

.watermarkCssClas{font-size:0.8em;}

	
/*Optional colors for buttons::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.buttonDefaultColor,.datagrid tbody tr td a {
border-color:#aaa;
color:#666 !important;
background-color:#c9c9c9;
box-shadow:0px 0px 4px #c3c3c3;
text-shadow:1px 1px 0px #eee;
}


.container .datagrid tbody tr.datagrid_alternatingItem .buttonDefaultColor:hover,.buttonDefaultColor:hover,.datagrid tbody tr.datagrid_footer td .buttonDefaultColor:hover{
text-decoration:none !important;
color:#3f5400 !important;
background-color:#9C0;
text-shadow:1px 1px 0px #ddeeaa !important;
-moz-box-shadow:0px 0px 4px #94b871;
-webkit-box-shadow:0px 0px 4px #94b871;
box-shadow:0px 0px 4px #94b871 ;
border-color:#94b871;
}

.lightGrey{
border-color:#ddd;
color:#999999 !important;
-moz-box-shadow:0px 0px 4px #ccc;
-webkit-box-shadow:0px 0px 4px #ccc;
box-shadow:0px 0px 4px #ccc;
}

._darkGrey{
color:#fff !important;
background-color:#797e85;
border-color:#8c929b;
-moz-box-shadow:0px 0px 4px #6b7077;
-webkit-box-shadow:0px 0px 4px #6b7077;
box-shadow:0px 0px 4px #6b7077;
text-shadow:none !important;
}

._blue{
color:#1a6680 !important;
border-color:#00a7df;
background-color:#3CF;
-moz-box-shadow:0px 0px 4px #008cbb;
-webkit-box-shadow:0px 0px 4px #008cbb;
box-shadow:0px 0px 4px #008cbb;
text-shadow:1px 1px 0px #a2e8ff;
}


._darkBlue{
color:#fff !important;
background-color:#125ac0;
border-color:#166fec;
-moz-box-shadow:0px 0px 4px #0c3b7e;
-webkit-box-shadow:0px 0px 4px #0c3b7e;
box-shadow:0px 0px 4px #0c3b7e;
text-shadow:none !important;
}

._twistedBlue,tr.datagrid_footer td .buttonDefaultColor{
color:#5f5f70 !important;
background-color:#a1c1c9;
border-color:#8ba4b0;
-moz-box-shadow:0px 0px 4px #768b95;
-webkit-box-shadow:0px 0px 4px #768b95;
box-shadow:0px 0px 4px #768b95;
text-shadow:1px 1px 0px #d8edf2;
}

._orange{
color:#684606 !important;
border-color:#e09204;
background-color:#fda911;
-moz-box-shadow:0px 0px 2px #c98304;
-webkit-box-shadow:0px 0px 2px #c98304;
box-shadow:0px 0px 2px #c98304;
text-shadow:1px 1px 0px #ffd68a;
}

._red{
color:#ffc0c0 !important;
color:#FFF !important;
text-shadow:1px 1px 0px #a40000;
background-color:#F00;
background-color:#C00;
border-color:#ff014f;
-moz-box-shadow:0px 0px 4px #ff014f;
-webkit-box-shadow:0px 0px 4px #ff014f;
box-shadow:0px 0px 4px #ff014f;
}


/*:::Adjust Ajax Calendar's z-index ::::::::::::::::::::::::::::::::::::::::::::::::*/
.ajax__calendar .ajax__calendar_container {
z-index:9999;
}



/*New MultiView */

ul.multiView {position:relative;display:inline-block;margin:0;padding:0 30px 0 10px;border-color:#999; border-style:solid; border-width:0 0 1px 0}

ul.multiView li.tab{display:inline-block;list-style:none;margin:0px;padding:0px;white-space:nowrap;margin-bottom:-1px}

	
ul.multiView a{font-size:100%;text-decoration:none;color:#337ab7 ;font-weight:bold;
	display:block;padding:4px 8px;border-width:0 0 1px 0 ;border-style:solid;border-color:#FFF;background-color:#FFF;border-bottom-color:#999
	}
	
ul.multiView a:hover,ul.multiView a.selected:hover{color:#9C0;}
	
ul.multiView a.selected{color:#f47a20;border-color:#999;border-width:1px; border-bottom-color:#FFF}


/* MulitView control: Vertical layout style-------------------------------------------------*/

.goVertical .multiView{padding:0px; margin:0px; border-radius:5px;}

.goVertical .multiView .tab{
	display:block;
	float:none;
	padding:0px;margin:0px; text-align:right
	
}

.goVertical .multiView a{
display:inline-block;
background-color:transparent; border-width:0px;
padding:5px; margin:0px;
box-shadow: none;
background-image: none;
border-radius: 1px 1px 1px 1px;
white-space: nowrap;
font-weight:normal;
color: #EEE; text-align:right;
border-width:0;
border-width: 0 0 1px 0; border-style:dotted; border-color:#CCC;
}

.goVertical .multiView a:hover{
cursor: pointer;
color:#3F5400;
background-color:#9C0;
text-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}


.goVertical .multiView  a.selected{
	background-color:#EEE;
	color:#990000 !important;font-weigh:bold;
}

/*User control titl box --------------------------------------*/
.Head{position:relative; vertical-align:middle;padding-bottom:3px}

.Head div.count{
    border-radius:30px;min-height:30px;
    min-width:30px; line-height:30px;
	
    text-align:center;
	vertical-align:middle;
    color:#FFF;
    background-color:#555;
	border-width:0px;border-color:#CCC;border-style:solid;
	z-index:100;font-size:90%;
	
/*	background: red; 
    background: -webkit-linear-gradient(#666, #000); 
    background: -o-linear-gradient(#666, #000); 
    background: -moz-linear-gradient(#666, #000);
    background: linear-gradient(#666, #000);*/
	background-color:#337ab7; position:absolute
}

.Head div.controlTitle{margin-left:35px;z-index:200;color:#337ab7;font-size:24px;}

.Head div.controlTitle span{font-size:80%;color:#d9534f}

.Head div.controlTitle.selected{ width:auto;height:auto;margin:0px;padding:0px; background-image:none; line-height:none; color:#337ab7; text-align:left}

.Head div.noRecord{font-size:130%;border-radius:4px;color:#F00; padding-left:2px;margin-top:-10px}

/*User Info ------------------------------------------------- */
a.usr{text-indent:13px}

a.usr:hover{}

.navbar-default .navbar-nav>.open>a.usr,.navbar-default .navbar-nav>.open>a.usr:hover {}

.usrInfo{margin-top:-10px;color:rgba(40,96,144,1);font-size:90%;padding:10px 10px; min-width:200px; text-transform:none !important}

.usrInfo .ttle{font-size:10px;font-size:130%;display:block;border-width:0 0 1px 0; border-style:solid;border-color:#CCC;text-transform:none !important}

.usrInfo ul{margin:0 0 0 15px;padding:0px}

.usrInfo ul li{margin:0px;padding: 3px 0}

/*Endz User Info */


.cbl tr td label{padding:0 15px 0 2px}

.noBG tr:first-child td{background-color:transparent !important;}

.noBG tr:first-child td label{ padding:0 5px 0 0}

.inv{display:none !important}

.bigRoundButton{font-family:robotoThin,'Segoe WP Light',Trebuchet MS,Helvetica,Tahoma,sans-serif,'Segoe UI Light';width:50px;height:50px;border-radius:50px;border-width:0px; background-color:#06C; line-height:10px;font-size:300%;color:#FFF; text-align:center; position:fixed; z-index:5000; bottom:30px;right:20px}

.addonTitle{color:#204000 !important; background-color:#dce7d1 !important; text-shadow:none !important}

span.selectAllCheckBox input[type="checkbox"]{border-color:#F00 !important; border-width:3px !important; border-style:solid !important}

span.cbl input[type="checkbox"]{margin-left:15px}


div.alert-danger{cursor:pointer !important}

.backArrow{width:80px;height:80px;background-image:url(images/backArrow.png);background-repeat:no-repeat; background-position:center;border-width:0px; background-color:transparent}



div.well{
  height: 250px;
} 

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 10px; bottom: 0; right: 0; background-color:#FFF

}

.Absolute-Center.is-Responsive {
  width: 50%; 
  height: 50%;
  min-height:300px;
  max-height:350px;
  min-width: 200px;
  max-width: 400px;
  padding: 20px; border-width:0 1px;border-color:#CCC;border-style:dotted;
  box-shadow:0 1px 8px rgba(0,0,0,0);
   background: linear-gradient(#fff,#EEE,#FFF);
}


 @media screen and (max-width: 768px) {

.appName{display:none}
}


 .gradesUpdated{
     color:#FFF; background-color:#F00; font-size:90%; padding:4px; border-radius:3px;transition: 1s; display:inline-block;
 }
 
 
.unitCount,.canCount{position:absolute;top:10px; border-radius:25px; width:25px;height:25px; text-align:center;color:#FFF; font-size:80%;box-shadow:0 1px 2px rgba(185,200,47,.5); line-height:25px}
.unitCount{background-color:#337ab7;left:176px; z-index:4500; background-color:#4f9938;color:#fff}
.canCount{background-color:#337ab7;left:10px;top:45px;background-color:#4f9938;color:#fff}

.systemName span:first-child{color: #666; font-size:280%;}

.systemName span:last-child{color: #999; font-size: 170%}

.moduleName{margin-top:-10px; color: #d9534f; font-size: 170%}

.moduleDescription{font-size: 90%; color: #999; vertical-align: sub; color:#337ab7}

.gangstaLoad {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #337ab7;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 0.5s linear infinite;
  animation: spin 0.5s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


@media(max-width: 450px) {

.appName,.systemName span:first-child,.systemName span:last-child,.moduleDescription{display:none}
.moduleName{text-align:center;display:block}

}


.shield{width:100%;height:100%;min-width:100%;min-height:100%;position:absolute;top:0px;left:0px;background-color:#222;opacity:0.4;filter:alpha(opacity=40);}
#pnl_floatShield{z-index:198; background-color:rgba(0,0,0,0.5); position:absolute; display:none}

#pnl_float{width:70%;height:100%; display:none;z-index:199;}

#pnl_float .torso{overflow-y:auto;}

#timeoutNotificationShield{z-index:250;}

#divAjaxTimer{width:100%;background-color:rgba(255,0,0,0.8);position:absolute;left:0px;top:-200px;z-index:251;box-shadow:5px 5px 10px -5px #333;padding:15px 0;}
	
#divAjaxContent{ color:#FFF; text-align:center;margin:auto;padding:0px; font-size:80%; width:50%}

h1#divAjaxTitle{color:#FFF; margin:0px; padding:0px;font-size:180%; text-align:center}

#divAjaxBut{text-align:center; display:inline-block;margin:auto}

#divAjaxBut .btn{display:block !important;}
	  
#timer{text-transform:capitalize;font-size:180%;font-weight: bold;text-align:center;color:#FFF;padding:4px;display:block; margin:10px 0}

div.floatDiv { display:inline-block;vertical-align: top;}

div.tile{margin:0 2px 2px 0; padding:10px !important;}

div.tile .wm,div.tile ._textBox{color:#00c5ff;border-width:0px;height:20px;padding:3px;box-shadow:none !important; font-size:70%; background-color:#0090bb; text-align:right}