﻿/*-----------CUSTOMIZE AS NECESSARY--------------*/
@media all {
    /*-----------------NOT INTENDED FOR ADJUSTING START------------------*/
    label:first-child {width:40%;text-align:right;float:left;margin-right:15px;}
    span[title=rq] {color:#ff0000 !important;} /*span with specific title required field*/
    input {padding:0;margin:0}
    #container {width:960px;padding:15px;margin:15px auto 0;}
    #container_head h1 {display:block;float:none;clear:both;}
    #container_body {margin-top:5px;}    
    /*overwrite jquery ui css settings*/
    .ui-tabs-panel {padding-left:4px !important;}
    .ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-nav li {margin-right:1px !important;}
    .ui-icon {display:inline-block !important;}
    #tabs, #tabs2, #tabs3, #tabs4, #tabs5 , table{border:none !important;padding:0 !important;}
	td {border:none;}
    .ui-widget-overlay {position:fixed;} .ui-widget-overlay {_position:absolute;}
    .ui-button {width:50px;}    
    .ui-tabs-panel {padding:0px 4px 4px 4px !important;}
    /*ie6  7 hacks start*/
    .mgn10-t {_margin-top:10px !important;_position:relative;}
    .mgn15-t {_margin-top:15px !important;}
    .wid445px {_width:430px !important;}
    .modalHeight {_height:600px !important;}
    /*end*/
    .tableFormatTable2 tr th table *,.tableFormatTable3 tr th table * {border:none !important;}
    .tableFormatTable2 td table *,.tableFormatTable3 td table * {border:none !important;}
    .imgContainer1 {width:155px;height:270px;float:left;display:none;}
    .imgContainer2 {width:375px;height:270px;float:left;display:none;}
    .outerContainer {padding:0px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;position:relative;}
    .innerContainer {padding:9px 5px 15px 5px;position:relative;}    
    .percentageContainer {font-size:10px;text-align:right;width:110px !important;float:right;}
    .percentage {height:10px;-moz-border-radius:4px;-webkit-border-radius:4px;}
    .percentage div {width:20%;height:100%;}
    .tableFormatTable2 tr>th,.tableFormatTable3 tr>th {vertical-align:bottom;text-align:left;}
    .tableFormatTable2 tr>td,.tableFormatTable3 tr>td {vertical-align:top;}    
    h1,.ui-dialog-title {font-size:1.2em;}
    h2 {font-size:1.1em;}
    h3 {font-size:.9em;} 
   .button {/*font-size:14px;*/text-align:center;padding:8px;text-decoration:none;border:none;}
    .button:hover {/*font-size:14px;*/text-align:center;padding:8px;text-decoration:none;}
    .draggableContainer td:hover {cursor:move;}
	input+label {margin:0 5px 0 2px;}
	
	/*addednew as part of bootstrapish look start*/
	 
	.ui-tabs-panel>.outerContainer {padding:15px;/*border-radius:0;*/-moz-border-radius:0;-webkit-border-radius:5px;}
	.btop5pxColor{ border-top: 5px solid #FDBE0F !important;}
	
	/*end*/
	
    /*-----------------NOT INTENDED FOR ADJUSTING END------------------*/
    
    /*-----------------FOR ADJUSTING START------------------*/
    /*.ui-tabs-nav {border-bottom:4px solid #fbdc2f;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}*/
    table tr td p.bold {color:#787878}
    div {color:#333;}
    h1,.ui-dialog-title {color:#787878;}
    h2 {color:#787878;}
    h1,h2,h3 {font-weight:bold;}
    .tableFormatTable2,.tableFormatTable3,.innerContainer,.childContainer .ui-tabs {background-color:#fff !important;}
    .tableFormatTable2 tr>th,.tableFormatTable3 tr>th {background-color:darkgrey;border-bottom:1px solid #ccc;color:#ffffff;}
    .tableFormatTable2 tr>td,.tableFormatTable3 tr>td {/*border-top:1px solid #000;*/border-bottom:1px solid #ccc;}
    /*.alternating {background-color:#ffcc40;}*/
    .altRowTable tr:hover {background-color:#ffcc40;}
    /*.outerContainer {background: #fff url('images/bg_3x1286.gif') repeat;}*/
    .loaderTextColor {color:#000;}        
    h3,a,.percentage {color:#316aa2;}
    a:hover {color:#316aa2;}
    /*changed as part of giving bootstrap finish to the exisitng application*/
    /*.button {color:#000 !important;background-color:#fff !important;}
    .button:hover {color:#316aa2 !important;background-color:#fff !important;}*/
    .button {background: #ABD25F none repeat scroll 0% 0%; color: rgb(255, 255, 255);}
    .button:hover{text-align: center; padding: 8px; text-decoration: none;color: #698B27;}
    .percentage {border:1px solid #47A09E;background-color:#fff;}
    .percentage div {background-color:#AECF69;}    
	.scollableContainer200px {border:1px solid #ccc;}	
	.itemPickerContainer div.inactive,.itemPickerContainer div.inactive:hover,.itemPickerContainer div.active,.itemPickerContainer div.disabled {border:1px solid #686868;-moz-border-radius:4px;-webkit-border-radius:4px;}
	.itemPickerContainer div.inactive,.itemPickerContainer div.disabled {background-color:#ccc;color:#686868;}
	.itemPickerContainer div.inactive:hover {background-color:#ffcd0d;color:#fff;}	
	.itemPickerContainer div.active {background-color:#e93c3c;color:#fff;}
    .itemPickerContainer div.disabled {background-color:#ccc !important;color:#c2c2c2 !important;}	
	.loginContainer {margin:0px 5px;} /*width:400px;float:left;*/
	.modInfoWindow {border:2px solid #000;}
	/*---------WIZARD ADJUST COLORS---------*/
    .wiz-container .wizard-anchor ul li a,.wiz-container .wizard-anchor ul li a:hover {color:#316aa2;}    
    /*---------HELP ADJUST COLORS---------*/
    .iconContainer {background-color:#d91f2c;float:left;}
    .iconContainer a {color:#ffcd0d;}
    .iconContainer a:hover {color:#fff;}
    th>a {color:#fbdc2f;font-size:.7em;}
    th>a:hover {color:#fff;font-size:.7em;}
    .subhead1 {color:#787878;}
    /*-----------------FOR ADJUSTING END------------------*/
    
    /*----------UNUSED START------*/
    /*----------DATE TIME PICKER------------*/
	.dayTimerPicker {border:1px solid #c3dc89;}
	.dayTimerPickerFull.inactive,.dayTimerPickerMorning.inactive,.dayTimerPickerAfternoon.inactive {background-color:#ffcd0d;}
    .dayTimerPickerFull.inactive:hover, .dayTimerPickerMorning.inactive:hover, .dayTimerPickerAfternoon.inactive:hover {background-color:#e93c3c;}
	.dayTimerPickerFull.active,.dayTimerPickerMorning.active,.dayTimerPickerAfternoon.active {background-color:#e93c3c;}	
	.label1,.label2,.subhead1 {font-weight:bold;}  
	.optionButtonHeader {font-size:.7em;text-transform:capitalize;}
	.lnk2 a,.optionButtonHeader,.label1 {color:#316aa2;text-decoration: none;}
    .lnk2 a:hover {color:#666;text-decoration: underline;}
	.label1 {font-size:1em;text-align:right;}
    .label2 {color:#fff;} 
    .body1,.body2 {color:#000;}   
    .subhead1,.body1,.body2,.lnk2 a {font-size:.9em;}  
    .tableCell1,.tableCell2,.radioButtonLabel,.label2 {color:#e93c3c;}
    .tableCell1,.tableCell2,.radioButtonLabel,.label2 {font-size:.8em;}
    .ulBoxed {border:1px solid #ffcd0d;}
	/*----------UNUSED START------*/
}

@media screen {
    /*image controls start*/
    body { background-position: 50% 0 !important; background-repeat: no-repeat; background-attachment: fixed; }
    #container_head div {background-image:url(../images/logo.png)!important;background-repeat: no-repeat;z-index:100;height:65px;width:500px;float:left;}
    .imgContainer1 {}
    .imgContainer2 {}
    
    /*#container {}
    .bgEnrollment {background: #fff url(images/enrollment.jpg) no-repeat bottom right;}
    .bgBUCC {background:#fff url(images/numbers.gif) no-repeat center right;}
    .bgStatement {background:#fff url(images/invoice.jpg) no-repeat bottom right;}
    .bgMobile {background:#fff url(images/phone.jpg) no-repeat center right;}*/
    /*image controls end*/
}

/*-----------CUSTOMIZE AS NECESSARY-----MOBILE STYLESHEET---------*/
@media handheld {
    body { background-image: none; }
    #container {width:100%;}
    #container_head div {background-image:none;}
    .bgEnrollment {background: none;}
    .bgBUCC {background:none;}
    .bgStatement {background:none;}
    .bgMobile {background:none;}
    .imgContainer1 {display:none;background: none;}
    .imgContainer2 {display:none;background: none;}
}

@media print {
  .button,a {display:none;}   
}