@charset "utf-8";
/* CSS Document - this will change the font, border and the background */
/* Please DO NOT add layout attribute here!!  */
/* This version is color-blind user friendly */
/* Version 2.0.0.15 */

/*--------Table of Content -----------------
Global Elements
    Header
        Top Navigation
        Top sticky notes
        Change Css
    Breadcrumb
    Vertical Tabs
    Web Form Style
    Popup Style
    All Icons
        White Icons
        Colorful Icons
        Gray Icons
    Primary Button
    Secondary Button
    Footer
Login and Register
Home
Appointment
    Datepicker dropdwon
    Datepicker share
    Datepicker Appointment Only
Forms and Report
    Time Range
My Health Record
    Intro Page
    Lab
    History
    CCD
Prescription
Message Center
Profile
Q & A
Browser Hacks
    IE 7 sector
    IE 8 & 9 sector
    Chrome Only */


/*---------------Global elements------------------*/
body{font-family:Arial, Helvetica, sans-serif; font-size:13px;  color:#333333; background-color: transparent; height:auto;}
.withbg{ background-color:#f1f4f5;}
.framecontent{ background-color:White !important; border:10px solid #fff;}

h1{ font-size:200%; font-weight:normal; color:#2a2a2a; line-height:30px;}
h2{ font-size:140%; font-weight:normal; color:#2a2a2a; line-height:24px;}
.reportsAcc .itemsection a, a, a:visited {
    text-decoration: none;
    color: #126aae;
}
a:hover{ color:#126aae;text-decoration:underline; }
a:focus{ color:#f60835; font-weight:bold;}
a:visited{color:#1579e0;}
.text-gray {color: #9A8787;}
.text-green{ color:#6E8B0D;}
.text-orange{ color: #C76400;}
.text-red{color:#962626;}
.text-small{font-size:85%; }
.text-big{font-size:140%; }

input:focus{ background-color:#fefced; font-weight:bold; font-size:105%;}
textarea {font-family:Arial, Helvetica, sans-serif; font-size:100%;}
select:focus{background-color:#fefced; font-weight:bold; font-size:105%;}
textarea:focus{background-color:#fefced; font-weight:bold; font-size:105%;}

.shadow { -moz-box-shadow:    0px 0px 1px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2); box-shadow:0px 0px 1px 0px rgba(0,0,0,0.2);}
.endline {background:#00D5FF; }
.errormessage{ background:url(Images/icons-BW.png) no-repeat -288px -1990px; color:#ff3267; font-weight:bold; font-size:105%; }
.successmessage{background: url(Images/icons-BW.png) no-repeat 0 -345px; color:#228E29; font-weight:bold; text-indent:20px; line-height:26px; font-size:105%;}
::selection {background-color: #3286c7; color:White;}



/*--------------Header-----------------*/
.fontsize a{border:1px solid #ddd;background-color:#f1f1f1;}
.fontsize a:hover{ background-color:#126aae; border:1px solid #014986; color:White;}
.loginfo { font-size:105%; font-weight:bold; color:#333; }

ul.dropdown,  .dropdowndiv ul  {-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2); box-shadow:0px 0px 1px 0px rgba(0,0,0,0.2); background:#fff; border:1px solid #ccc;}
ul.dropdown li a{ font-size:100%; font-weight:normal; border-bottom: 1px dashed #efefef; color: #1579e0 !important;}
ul.dropdown li a:hover,  .dropdowndiv ul a:hover {color: white !important; background-color:#126aae;border-bottom: 1px solid #014986; font-weight:bold;}



/*--------------Top Navigation tab-----------------*/
.tabnavigation { background-image:url(Images/icons-BW.png); background-repeat:repeat-x; background-position:0 -300px;}
.tabmenu li a{ font-size:105%; font-weight:bold; background:rgba(255,255,255,0.8);}
.tabmenu li.active a{ font-weight:normal; background-color:White; color:#333!important; }
.tabmenu li a:hover {background:white; }
.tabmenu ul { border: 1px solid #ccc; background:white; border-top:0px; -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); box-shadow:0px 1px 2px 0px rgba(0,0,0,0.2); }
.tabmenu ul li a { font-weight:normal; color:#1579e0;  border-bottom: 1px dashed #efefef; }
.tabmenu ul a:hover {color: white !important; background-color:#126aae;border-bottom: 1px solid #126aae; font-weight:bold;}
li a.lastone{border-bottom: 1px solid #fff !important;}



/*-------------Top sticky notes-------------------- */
.sticky div {  font-weight: 400; color:#262626; }
.sticky a{ font-weight:bold; font-size:105%; }
.reminder{ background:yellow url(Images/icons-BW.png) no-repeat -275px -52px; color:#e46c15; text-transform:capitalize;font-weight:bold; text-indent:20px;}
.sticky { background-color: #ffffa3;  border:1px solid #F2E96E; color:#666; -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:    -1px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.1);}






/*--------------Vertical Tab-----------------*/
.sidenav li a.current{background-image:url(Images/icons-BW.png); background-repeat:no-repeat; background-position:0px -500px; color:White;}
.sidenav li ul li a.current{background-position:-15px -500px !important;}
.sidenav li a{ font-size:105%; font-weight:bold;  }
.sidenav li ul li a { font-size:100%;}
.sidenav li a:hover{ background-image:url(Images/icons-BW.png); background-repeat:no-repeat; background-position:0px -600px !important; color:White;}
.sidenav li a.current{background-image:url(Images/icons-BW.png); background-repeat:no-repeat; background-position:0px -500px; color:White;}
.ui-tabs .ui-tabs-panel {background: none; }
.ui-tabs-nav li.ui-tabs-active a{background-image:url(Images/icons-BW.png); background-repeat:no-repeat !important; background-position:0px -500px; color:#333;}
.ui-tabs-nav li.ui-tabs-active a:hover{color:White;}
.ui-tabs-nav li.nobg a { background-position:0px -550px !important; color:#1579e0; }
.ui-tabs-nav li.nobg a:hover{background-position:-15px -600px !important; color:White;}

.nobg{ background-position:0px -550px;}
.ui-tabs-nav li.current2 a{ background-position:-15px -500px !important;color:#1579e0; }



/*-------------------Breadcrumb style-----------------------*/
.breadcrumb { font-size: 90%;  border:1px solid #dedede; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px;  -o-border-radius: 4px; border-radius: 4px;
      background-color:#65bbff;background: -webkit-linear-gradient(left, #1d77be 0%, #65bbff 100%); background:-moz-linear-gradient(left, #1d77be 0%, #65bbff 100%); background:-ms-linear-gradient(left, #1d77be 0%, #65bbff 100%); background: -o-linear-gradient(left, #1d77be 0%, #65bbff 100%); background:linear-gradient(left, #1d77be 0%, #65bbff 100%);
      -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -o-box-shadow: 0 1px 3px rgba(0,0,0,0.3); box-shadow: 0 1px 3px rgba(0,0,0,0.3);}
.breadcrumb li a {color:#fff; background-image:url(Images/icons-BW.png); background-repeat:no-repeat; background-position:top right; background-color:transparent;}
.breadcrumb li a:hover { font-weight:bold;}
.breadcrumb li.current a{ color:yellow; font-weight:bold;}
.breadcrumb li.current a:hover {text-decoration:none; }
.disable{ color: #9A8787 !important;}
.readonly{ color: #9A8787 !important;}



/*--------------------------Web Form Style-------------------------- */
.formbox fieldset{ border:1px solid #ddd; background-color:#f3f3f3;  }
.formbox legend { font-size:105%; font-weight:bold; color:#666; border: 1px solid #fff; background: rgba(254, 254, 254, .6); -webkit-box-shadow: 0px 0 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0 3px rgba(0,0,0,0.1); box-shadow: 0px 0 3px rgba(0,0,0,0.1);   }
.formbox hr{  border-top: 1px solid rgba(0, 0, 0, 0.1);  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.formbox button{font-size:105%; font-weight:bold; background-color:#126aae; border:1px solid #964e31; color:White; }
.formbox button:hover{background-color:#dd4c21; border:1px solid #8a2828; }
.formbox button.disablebutton {font-size:105%; font-weight:bold; background-color:#eee; border:1px solid #ddd; color:#666;}
.formbox button.disablebutton:hover{background-color:#eee; border:1px solid #ddd; }
.disableinput{ background-color:#eee; border:1px solid #ddd; color: #9A8787;}



/*--------Popup Style---- */
.ui-overlay{background: url(Images/overlay.png) 50% 50% repeat;}
.ui-widget-overlay { background:url(Images/overlay.png) 50% 50% repeat;}
.windowcontain .ui-widget-content { border: 1px solid rgb(204, 204, 204); background: white;color: rgb(34, 34, 34);}
.ui-dialog, .ui-jqdialog{ background: white; color:#333; box-shadow:0px 0px 5px #666;-moz-box-shadow:0px 0px 5px #666;-webkit-box-shadow:0px 0px 5px #666; }
.ui-dialog .ui-dialog-titlebar, .ui-jqdialog-titlebar {font-weight: bold;font-size: 110%; border: 1px solid #0d41af; background: url(Images/icons-BW.png) repeat-x 0 -300px;  border-bottom:0px;}
.ui-dialog .ui-dialog-title, .ui-jqdialog-title{ color:White;}
.ui-dialog .ui-dialog-titlebar-max span {background: url(Images/ui-icons_ffffff_256x240.png)  -144px -48px no-repeat;}
.ui-dialog .ui-dialog-titlebar-min span { background: url(Images/ui-icons_ffffff_256x240.png) -64px -128px  no-repeat;}
.ui-dialog .ui-dialog-titlebar-close span.ui-button-icon, .ui-jqdialog-titlebar-close span.ui-icon-closethick{background: url(Images/ui-icons_ffffff_256x240.png)  -96px -128px no-repeat; top: 0; left:0;}
.ui-dialog .ui-dialog-titlebar-max span:hover, .ui-dialog .ui-dialog-titlebar-min span.ui-button-icon:hover, .ui-dialog .ui-dialog-titlebar-close span:hover, .ui-jqdialog-titlebar-close span:hover{ background-image: url(Images/ui-icons_ffffff_256x240.png);}
.ui-dialog .chgpw{ border:0px;}
.ui-dialog .ui-dialog-content {border: 1px solid #0d41af;}
.countDown{ font-size:400%; color:#aaa; font-weight:bold;}



/*-----------All Icons ----------------------------*/
.iconbtn{background-image: url('Images/icons-BW.png'); background-repeat: no-repeat; background-position:-7px -1898px; border:1px solid #2f5bb7;-webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 0px rgba(0, 0, 0, 0.2);}
.iconbtn:hover {background-image: url('Images/icons-BW.png'); background-repeat: no-repeat;background-position:-7px -1967px; border:1px solid #0d41af;}
.iconbtn a:focus{border:1px solid #fff;background-color:#14a8e1; }
a#btnSendVoice, a#btnSendText {color:white;}


/*-----------White Icons----------------------------*/
.icon-next{ background:url(Images/icons-BW.png) no-repeat -260px -630px;}
.icon-last{ background:url(Images/icons-BW.png) no-repeat -260px -661px;}
.icon-ok{ background:url(Images/icons-BW.png) no-repeat -260px -539px;}
.icon-cancel{ background:url(Images/icons-BW.png) no-repeat -260px -690px;}
.icon-delete{ background:url(Images/icons-BW.png) no-repeat -260px -720px;}
.icon-view{ background:url(Images/icons-BW.png) no-repeat -260px -584px;}
.icon-update{ background:url(Images/icons-BW.png) no-repeat -260px -503px;}
.icon-download{ background:url(Images/icons-BW.png) no-repeat -260px -1057px;}
.icon-print{ background:url(Images/icons-BW.png) no-repeat -260px -1016px;}
.icon-refill{ background:url(Images/icons-BW.png) no-repeat -260px -1127px;}
.icon-verify{ background:url(Images/icons-BW.png) no-repeat -260px -1161px;}
.icon-refresh {background: url('Images/icons-BW.png') no-repeat 22px -424px;}
.icon-closeW {background: url('Images/icons.png') no-repeat -282px -1485px;}
.icon-pac {background: url('Images/icons-ARC.png') no-repeat -160px -1304px;}



/*-----------Colorful Icons----------------------------*/
.icon-hisRx{background:url(Images/icons-BW.png) no-repeat 0px -1159px;}
.icon-Rxrefill{background:url(Images/icons-BW.png) no-repeat -176px -1161px;}
.icon-demoInfo{background:url(Images/icons-BW.png) no-repeat -88px -1027px;}
.icon-insInfo{background:url(Images/icons-BW.png) no-repeat -88px -1075px;}
.icon-docInfo{background:url(Images/icons-BW.png) no-repeat -88px -1112px;}
.icon-accInfo{background:url(Images/icons-BW.png) no-repeat -88px -1160px;}
.icon-introMHR{background:url(Images/icons-BW.png) no-repeat -272px -1204px;}
.icon-labMHR{background:url(Images/icons-BW.png) no-repeat -176px -1075px;}
.icon-hisMHR{background:url(Images/icons-BW.png) no-repeat -176px -1113px;}
.icon-orderMHR{background:url(Images/icons.png) no-repeat -173px -1202px;}
.icon-CCD{background:url(Images/icons-BW.png) no-repeat -176px -1030px;}
.icon-newAppt{background:url(Images/icons-BW.png) no-repeat 0px -1114px;}
.icon-upAppt{background:url(Images/icons-BW.png) no-repeat 0px -1027px;}
.icon-hisAppt{background:url(Images/icons-BW.png) no-repeat 0px -1072px;}
.icon-sent{ background: url('Images/icons-BW.png') no-repeat 0px -1295px;}
.icon-unread{ background: url('Images/icons-BW.png') no-repeat 0px -1208px; }
.icon-inbox{ background: url('Images/icons-BW.png') no-repeat 0px -1249px; }
.icon-compose{ background: url('Images/icons-BW.png') no-repeat -274px -1793px; }
.icon-viewmessage{ background: url('Images/icons-BW.png') no-repeat 0 -167px; }
.icon-EmailUnread{ background: url('Images/icons.png') no-repeat -282px -1527px;}
.icon-EmailSent{ background: url('Images/icons.png') no-repeat -282px -1556px;}
.icon-EmailReply{ background: url('Images/icons.png') no-repeat -282px -1584px;}
.icon-EmailRead{ background: url('Images/icons.png') no-repeat -282px -1612px;}
.icon-EmailAttach{background: url('Images/icons-BW.png') no-repeat 16px -168px;}
.icon-back{ background: url('Images/icons-BW.png') no-repeat -275px -1760px; }
.icon-checked{ background: url('Images/icons-BW.png') no-repeat -275px -1243px; }
.icon-warning{ background: url('Images/icons-BW.png') no-repeat -275px -1865px; }
.icon-fail {background: url('Images/icons-BW.png') no-repeat -275px -1935px;}
.icon-doctor {background: url('Images/icons.png') no-repeat -88px -1112px;}
.icon-help{background: url('Images/icons.png') no-repeat -282px -1639px;}
.icon-logout{background: url('Images/icons-BW.png') no-repeat -284px -1664px;}
.icon-switch{background: url('Images/icons-BW.png') no-repeat -284px -1690px;}
.icon-close{background: url(Images/ui-icons_007bff_256x240.png) no-repeat -96px -128px;}
.icon-attention{ background: url(Images/icons.png) no-repeat -127px -1495px;}
.icon-ie{background: url(Images/icons.png) no-repeat -126px -1557px;}
.icon-firefox{background: url(Images/icons.png) no-repeat -126px -1607px;}
.getAdobeReader{background: url(Images/icons.png) no-repeat -127px -1450px;}
.unknown{background:url(Images/icons-BW.png) no-repeat -280px -1280px;}
.finish{background:url(Images/icons-BW.png) no-repeat -280px -1330px;}
.unfinish{background:url(Images/icons-BW.png) no-repeat -280px -1380px;}
.arrived{background:url(Images/icons.png) no-repeat 0px -2010px;}
.finished{ background-image:url(Images/icons-BW.png) no-repeat -100px -37px;}
.inprogress{ background-image:url(Images/icons-BW.png) no-repeat -100px -100px;}
.icon-form{background:url(Images/icons.png) no-repeat -176px -1248px;}
.report{ background-image:url(Images/icons-BW.png) no-repeat -100px -220px;}
.socialhis{background:url(Images/icons-BW.png) no-repeat 0px -1739px;}
.familyhis{background:url(Images/icons-BW.png) no-repeat 0px -1782px;}
.medicalhis{background:url(Images/icons-BW.png) no-repeat 0px -1821px;}
.defualthis{background:url(Images/icons-BW.png) no-repeat 0px -1864px;}
.finished{ background:url(Images/icons.png) no-repeat -100px -37px;}
.inprogress{ background:url(Images/icons.png) no-repeat -100px -100px;}
.report{ background:url(Images/icons.png) no-repeat -100px -220px;}
.Notice{background:url(Images/icons.png) no-repeat -267px -136px; }
.Appt{background:url(Images/icons.png) no-repeat -200px -100px; }
.Msg{background:url(Images/icons.png) no-repeat 0px -700px; }
.order{background:url(Images/icons.png) no-repeat -204px -166px;}
.payment{background:url(Images/icons.png) no-repeat -175px -1300px;}
.ui-icon-arrowreturnthick-1-w{ background-position:  -96px -48px;}
.ui-icon-comment{background-position:  -128px -96px;}
.ui-icon-search{background-position: -160px -112px; }
.ui-icon-grip-diagonal-se{background-position: -80px -224px;}
.helpfix .icon-help{ background-position:-282px -1636px; margin-left:-2px;}

/*-----------Gray Icons----------------------------*/
.icon-newAppt-s{background:url(Images/icons.png) no-repeat 2px -1452px;}
.icon-upAppt-s{background:url(Images/icons.png) no-repeat 0px -1490px;}
.icon-hisAppt-s{background:url(Images/icons.png) no-repeat 0px -1525px;}
.icon-forms-s{background:url(Images/icons.png) no-repeat 2px -1557px;}
.icon-reports-s{background:url(Images/icons.png) no-repeat 2px -1591px;}
.icon-labMHR-s{background:url(Images/icons.png) no-repeat -40px -1493px;}
.icon-hisMHR-s{background:url(Images/icons.png) no-repeat 0px -1618px;}
.icon-CCD-s{background:url(Images/icons.png) no-repeat 0px -1648px;}
.icon-Rxrefill-s{background:url(Images/icons.png) no-repeat -83px -1452px;}
.icon-hisRx-s{background:url(Images/icons.png) no-repeat -40px -1452px;}
.icon-compose-s{ background: url('Images/icons.png') no-repeat 0px -1680px; }
.icon-sent-s{ background: url('Images/icons.png') no-repeat -42px -1680px;}
.icon-unread-s{ background: url('Images/icons.png') no-repeat 0px -1710px; }
.icon-inbox-s{ background: url('Images/icons.png') no-repeat -42px -1710px; }
.icon-demoInfo-s{background:url(Images/icons.png) no-repeat -40px -1620px;}
.icon-insInfo-s{background:url(Images/icons.png) no-repeat -40px -1651px;}
.icon-docInfo-s{background:url(Images/icons.png) no-repeat -40px -1528px;}
.icon-accInfo-s{background:url(Images/icons.png) no-repeat -40px -1560px;}
.icon-logout-s{background:url(Images/icons.png) no-repeat -83px -1490px;}
.icon-orderMHR-s{background:url(Images/icons.png) no-repeat -83px -1528px;}
.icon-sent{ background: url('Images/icons-BW.png') no-repeat 0px -1295px;}
.icon-unread{ background: url('Images/icons-BW.png') no-repeat 0px -1208px; }
.icon-inbox{ background: url('Images/icons-BW.png') no-repeat 0px -1249px; }
.icon-compose{ background: url('Images/icons-BW.png') no-repeat -274px -1793px; }
.icon-viewmessage{ background: url('Images/icons-BW.png') no-repeat 0 -167px; }
.tabmenu .icon-compose{ background-position:-274px -1799px; }



/*--------------Primary button-----------------*/
.actionbtn {font-size: 14px; font-weight:bold;  background-image: url('Images/icons-BW.png'); background-repeat: no-repeat; background-position:-7px -1898px; border:1px solid #2f5bb7;text-align:center;}
.actionbtn:hover {background-image: url('Images/icons-BW.png'); background-repeat: no-repeat;background-position:-7px -1967px;}
.actionbtn a{ text-decoration:none; color:White !important;}
.actionbtn a:focus{border:1px solid #fff;background-color:#14a8e1; }
.actionbox .actionbtn{ border:0; background: none;}
.actionbox .actionbtn a{background-image: url('Images/icons-BW.png'); background-repeat: no-repeat; background-position:-7px -1898px; border:1px solid #2f5bb7; border-radius: 4px;}



/*--------------Secondary button-----------------*/
.btn {font-size:14px; font-weight:bold; background-color:#3286c7; border:1px solid #2778b7; color:White; text-align:center;}
.btn:hover { background-color:#126aae; border:1px solid #014986; color:White;}
.btn a, .zirmedbtn a{ text-decoration:none; color:White !important;}
.btn a:focus, .zirmedbtn a:focus{border:1px solid #fff; color:yellow;}

.zirmedbtn {font-size:105%; font-weight:bold; background-color:#003d79; border:1px solid #00aeef; color:White; text-align:center;}
.zirmedbtn:hover {background-color:#00aeef;  border:1px solid #016f9b; color:White;}

/*--------------Footer-----------------*/
.footer{ font-size:80%; background-color:#dfdfdf; border:1px solid #ddd; color:#666;}



/*-------Login and Register-------------------- */
.loginbg {background-image:url(Images/loginbg-BW.png); background-repeat:no-repeat; }
.errorbg {background-image:url(Images/errorbg.jpg) !important; background-repeat:no-repeat; }
.loginbox label{ color:#333333;}
.loginbox input:hover{ border:2px solid  #5aa332;}
.loginbox input:focus{ background-color:#fbf5bd; font-weight:bold; font-size:105%;}
.bigtitle { font-size:280%; font-weight: bold; color:#333333; }
.promotionitem { background-image:url(Images/icons-BW.png); background-repeat:no-repeat; background-position:-282px -412px;}
.loginbox span.error{color:#ff3267;}
.loginbox input.error{border:2px solid #ff3267;}
.loginbox div.error{background:url(Images/icons-BW.png) no-repeat -288px -1995px; color:#ff3267;  }
.registerbox label.error{ background:url(Images/icons-BW.png) no-repeat -288px -1990px; color:#ff3267;  }
.registerbox input.error{border:2px solid #ff3267;}
.registerbox input:focus{ background-color:#fbf5bd; font-weight:bold; font-size:105%;}
.registerbox select.error{border:2px solid #ff3267;}
.registerbox div select.error{border:2px solid #ff3267;}
.registerbox .errormessage{ font-weight:normal;}
.loginbgR {background-image:url(Images/loginbg-BW-r.png); }


/*-------------Home-------------------- */
.lockbg{background-image:url(Images/lockbg.jpg); background-position:center center; background-repeat:no-repeat;}
.actionbox{border: 1px solid #E6E6E6; border-top: 3px solid #CCC; background-color:#fafae0; -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:    -1px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.1);}
.actionbox:hover{ background-color:#CDF3FF;border-color:#7CA5B1;}
.actionbox h2{color:#333;}
.cornerFold{}
.longactionbox{color:#333; border:1px solid #73c9f1; background: #d2f1ff; /* Old browsers */
background: -moz-linear-gradient(top, #84d4ff 0%, #d2f1ff 30%, #d2f1ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84d4ff), color-stop(30%,#d2f1ff), color-stop(100%,#d2f1ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #84d4ff 0%,#d2f1ff 30%,#d2f1ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #84d4ff 0%,#d2f1ff 30%,#d2f1ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #84d4ff 0%,#d2f1ff 30%,#d2f1ff 100%); /* IE10+ */
background: linear-gradient(top, #84d4ff 0%,#d2f1ff 30%,#d2f1ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84d4ff', endColorstr='#d2f1ff',GradientType=0 ); /* IE6-9 */}
.cornerPin{background-image:url(Images/icons-BW.png); background-repeat:no-repeat; background-position:-280px -1445px; background-color:White;}
.longactionbox div.hoverscroll div.arrow.top{background-position:120px -1355px;}
.longactionbox div.hoverscroll div.arrow.top{background-position:120px -1395px;}

.info-col dl a{ color:#126aae;}
.info-col dl a:hover{ font-weight:bold; background-color: #126aae; color:white;}
.beforevisit { background: url(Images/photobg.jpg) 0 -250px no-repeat;  border-right: 1px solid white; }
.aftervisit { background: url(Images/photobg.jpg) 0 0 no-repeat;  border-right: 1px solid white; }
.stayconnect { background: url(Images/photobg.jpg) 0 -500px no-repeat;  border-right: 1px solid white; }
dt { padding: 0px; background: #EFF0F2; color: #126aae; border-bottom: 1px solid white; border-right: 1px solid white;}
dd { position: absolute; left: -9999px; top: -9999px; width: 299px; background: #EFF0F2; padding: 10px; color: #333; border-right: 1px solid white; }
.LinkList1 a{ background: #CBEDFD; }
.LinkList2 a{ background: #D6F1FD; }
.LinkList3 a{ background: #E2F6FF; }
.LinkList4 a{ background: #ECF9FF; }
.LinkList5 a{ background: #FCFDFD; }
.LinkList6 a{ background: #fff; }



/*----------------------Appointment----------------------------------*/
.ApptD{background-image:url(Images/icons-BW.png); background-repeat:no-repeat; background-position:0 -100px; }
.datebox .seldate{ background-color:#f3f3f3; color:#666; font-weight:bold; font-size:115%;  }
.helpinfo{ color:#666; font-style:italic;}
.guideInfo li{ list-style-type:circle;}
.apptview{background-color:#f3f3f3; border:1px dashed #ccc;}
/*.timeinput {background-image:url(Images/icons-BW.png); background-repeat:no-repeat; background-position:-203px -1098px; border:1px solid #ddd;}*/
.datebox div.error{  background:url(Images/icons-BW.png) no-repeat -288px -1996px; color:#ff3267; }
.datebox input.error{border:2px solid #ff3267;}
.datebox textarea.error{border:2px solid #f60835;}
.datebox input:focus{ background-color:#fbf5bd; font-weight:bold; font-size:105%;}
.datebox div .dropdownbtn{border:1px solid #999;background: url('Images/icons.png') 0 -975px no-repeat;}
.dropdownbtn .ui-button-icon-primary{background: url(Images/ui-icons_dd4c21_256x240.png) no-repeat -64px -16px; }
.timemenu {border: 1px solid #ddd; background-color: White; overflow: auto; color:#666; line-height:22px;}
.timemenu ul li:hover{background: #126aae; color:White;}
.legendDiv{ background-color:#f3f3f3; border:1px solid #eee; font-size:90%;}


/*--------------Datepicker dropdwon----------------------------------*/
#ui-datepicker-div { background:white; border:1px solid #ddd;}
#ui-datepicker-div .ui-widget-header{ border: 1px solid #e5e5e5; background: #f5f5f5; color: #222222; font-weight: bold; }
#ui-datepicker-div .ui-widget-header .ui-icon{background-image: url(Images/ui-icons_007bff_256x240.png); }
#ui-datepicker-div .ui-state-hover .ui-icon, #ui-datepicker-div .ui-state-focus .ui-icon{background-image: url(Images/ui-icons_ffffff_256x240.png); }
#ui-datepicker-div .ui-state-active .ui-icon {background-image: url(Images/ui-icons_454545_256x240.png); }
#ui-datepicker-div .ui-state-hover, #ui-datepicker-div  .ui-widget-content .ui-state-hover, #ui-datepicker-div  .ui-widget-header .ui-state-hover,  #ui-datepicker-div .ui-state-focus, #ui-datepicker-div  .ui-widget-content .ui-state-focus,  #ui-datepicker-div .ui-widget-header .ui-state-focus {  background: #126aae; font-weight: normal; color: #fff; }
#ui-datepicker-div .ui-state-highlight, #ui-datepicker-div .ui-widget-content .ui-state-highlight, #ui-datepicker-div .ui-widget-header .ui-state-highlight  {background: #6fad4f; color: #fef2aa;}



/*--------------Datepicker share----------------------------------*/
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }



/*--------------Datepicker appointment only----------------------------------*/
#datepicker .ui-widget{ font-size: 98%; }
#datepicker .ui-widget .ui-widget { font-size: 95%; }
#datepicker .ui-widget input,#datepicker .ui-widget select, #datepicker .ui-widget textarea, #datepicker .ui-widget button { font-size: 1em; }
#datepicker .ui-widget input:focus{ background-color:#fbf5bd; font-weight:bold; font-size:110%;}
#datepicker .ui-widget-content { border: 1px solid #cccccc; background: #ffffff; color: #222222; }
#datepicker .ui-widget-content a { color: #222222; }
#datepicker .ui-widget-header{ border: 1px solid #e5e5e5; background: #f5f5f5; color: #222222; font-weight: bold; }
#datepicker .ui-widget-header a { color: #222222; }
#datepicker .ui-state-default, #datepicker  .ui-widget-content .ui-state-default,  #datepicker .ui-widget-header .ui-state-default { border: 1px solid #e5e5e5; background: #f5f5f5; font-weight: normal; color: #1579e0; }
#datepicker .ui-state-default a, #datepicker  .ui-state-default a:link, #datepicker  .ui-state-default a:visited { color: #fc6036; text-decoration: none; }
#datepicker .ui-state-hover, #datepicker  .ui-widget-content .ui-state-hover, #datepicker  .ui-widget-header .ui-state-hover,  #datepicker .ui-state-focus, #datepicker  .ui-widget-content .ui-state-focus,  #datepicker .ui-widget-header .ui-state-focus { border: 1px solid #964e31; background: #126aae; font-weight: normal; color: #fff; }
#datepicker .ui-statetr a, #datepicker  .ui-state-hover a:hover { color: #fff; text-decoration: none; }
#datepicker .ui-state-active, #datepicker  .ui-widget-content .ui-state-active,#datepicker  .ui-widget-header .ui-state-active { border: 2px solid #126aae; background: #ffffff; font-weight: bold; font-size:115%;  line-height:16px; color: #126aae; }
#datepicker .ui-state-active a, #datepicker  .ui-state-active a:link, #datepicker  .ui-state-active a:visited { color: #333333; text-decoration: none; }
#datepicker .ui-widget :active { outline: none; }
#datepicker .ui-state-highlight, #datepicker .ui-widget-content .ui-state-highlight, #datepicker .ui-widget-header .ui-state-highlight  {border: 1px solid #55883b; background: #6fad4f; color: #fef2aa; }
#datepicker .ui-state-hilight {padding:2px 0; }
#datepicker .ui-state-highlig-state-highlight a, #datepicker .ui-widget-content .ui-state-highlight a, #datepicker .ui-widget-header .ui-state-highlight a { color: #fef2aa; }
#datepicker .ui-icon { background-image: url(Images/ui-icons_007bff_256x240.png);}
#datepicker .ui-widget-header .ui-icon{background-image: url(Images/ui-icons_007bff_256x240.png); }
#datepicker .ui-state-hover .ui-icon, #datepicker .ui-state-focus .ui-icon{background-image: url(Images/ui-icons_ffffff_256x240.png); }
#datepicker .ui-state-active .ui-icon {background-image: url(Images/ui-icons_222222_256x240.png); }
#datepicker .ui-state-highlight .ui-icon {background-image: url(Images/ui-icons_007bff_256x240.png); }
#datepicker .ui-state-disabled span{color:#aaa !important; background:none !important;}
#datepicker .ui-state-disabled:hover { background:none !important; border:0px solid #fff;}



/*-------------Form and Report-------------------- */
.itemblock{ background-image:url(Images/icons-BW.png); background-repeat:repeat-x; background-position:0 -800px; border:1px solid #dedede;}
.errorblock{border-color:#ff3267 !important; background:#f4f4f4 !important;}
.nodata {font-size:105%; background: white!important; border-color:white !important; color: #9A8787;}
.filename{ font-size:115%; font-weight:bold; color:#444644; }
.filename span.text-orange{ font-size:12px;}
.submitdate{ font-size:12px; color:#666;}

.taskBar {background-color: rgba(0, 123, 255, 0.3);}
.taskBar:hover {background-color: rgba(0, 123, 255, 0.1);}
.taskBar li {font-weight: bold; border: 1px solid #ddd; background: whiteSmoke; background-image:url(Images/icons-BW.png); background-repeat:no-repeat; background-position:-276px -1414px;}
.taskBar li:hover{background-color:#126aae; color:White; background-position:-278px -1491px;}

.reportlist li {background-image: url('Images/icons-BW.png'); background-repeat: no-repeat;background-position:0 -460px;}
.itemsection{background-color: rgb(244, 249, 254); border-top: 1px solid rgb(213, 234, 251); font-weight:bold;}
.opensec{background-image: url('Images/icons-BW.png'); background-repeat: no-repeat;background-position:-275px -450px; background-color:White !important;}
.closesec{background-image: url('Images/icons-BW.png'); background-repeat: no-repeat;background-position:-275px -400px;}



/*-----------Time Range-----*/
.ui-button{color:#1579e0; border:1px solid #ddd;background-color:#f1f1f1;}
.ui-button:hover{background-color: #126aae;   border:1px solid #014986; color:white;}
.ui-checkboxradio-checked{font-weight:bold; border: 1px solid  #014986; background: white; color:  #126aae;}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover{font-weight:bold; border: 1px solid  #014986; background: white; color:  #126aae;}
.timefilter button{font-size:105%; font-weight:bold; background-image: url('Images/icons-BW.png'); background-repeat: no-repeat; background-position:-7px -1898px; border:1px solid #2f5bb7; color:White; }
.timefilter button:hover{background-image: url('Images/icons-BW.png'); background-repeat: no-repeat;background-position:-7px -1967px; }
.timefilter button .icon-refresh { background: url('Images/icons-BW.png') no-repeat 1px -430px;}



/*--------------------------My Health Record --------------------------*/
/*--------------------------Intro Page--------------------------*/
.imagelist li{ background-image:url(Images/HeaderBg.png);background-repeat:no-repeat; background-position:0 0; }
.imagelist li h2{ color:#333; }
.imagelist li p{background-color:White; color:#666;}
.ImageLab{ background-image:url(Images/photobg.jpg); background-repeat:no-repeat; background-position: 0 -715px;}
.ImageHistory{ background-image:url(Images/photobg.jpg); background-repeat:no-repeat; background-position: 0 -870px;}
.ImageCCD{ background-image:url(Images/photobg.jpg); background-repeat:no-repeat; background-position: 0 -1050px;}
.ImageOrder{ background-image:url(Images/photobg.jpg); background-repeat:no-repeat; background-position: 0 -1200px;}



/*--------------------------Lab--------------------------*/
.LabHeaderTable { border-right:1px solid #ddd;}
.LabResultTable{ font-size:95%; }
.LabResultTable tr td{color: #666666;border-bottom: 1px #efefef solid;border-left: none;border-right: none; border-top:0px;}
.LabResultTable tr th{font-weight: bold; color:#666666; border-bottom:2px solid #bbb; font-size:12px; border-top:0px; border-left:0px; border-right:0px; }
.LabResultTable tr th{background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(243,243,243,0) 0%, rgba(243,243,243,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,0)), color-stop(100%,rgba(243,243,243,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(243,243,243,0) 0%,rgba(243,243,243,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(243,243,243,0) 0%,rgba(243,243,243,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(243,243,243,0) 0%,rgba(243,243,243,0.65) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(243,243,243,0) 0%,rgba(243,243,243,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f3f3f3', endColorstr='#a6f3f3f3',GradientType=0 ); /* IE6-8 */}
.LabResultTable tr td:hover{ background:#eef6ff; color:#333333;}
.comment{  background-image:url(Images/icons-BW.png); background-repeat:no-repeat; background-position:0px -400px}
.commentitle{ background-image:url(Images/icons-BW.png); background-repeat:no-repeat; background-position:0px -380px}
.commentbox, .autobox, .carrierDiv{ background-color: #ffffa4;  border:1px solid #F2E96E; color:#666;  box-shadow:0px 0px 5px #999;-moz-box-shadow:0px 0px 5px #999;-webkit-box-shadow:0px 0px 5px #999;}
.commentbox a, .autobox a{background: url(Images/ui-icons_007bff_256x240.png) no-repeat -96px -128px;  }
.commentbox .title, .autobox .title, .carrierDiv .title{font-size:105%; font-weight:bold; color: #945829;}
.commentbox p{font-size:100%; font-weight:normal; color:#666;}
.graphcontainer div.hoverscroll div.arrow.top{background-position:80px -1355px;}
.graphcontainer div.hoverscroll div.arrow.bottom{background-position:80px -1395px;}
.sidenav div.hoverscroll div.arrow.top{background-position:100px -1355px;}
.sidenav div.hoverscroll div.arrow.bottom{background-position:100px -1395px;}


/*--------------------------History-------------------------- */
.historylist li { background-color:#f3f3f3; border:1px solid #ddd;}
.historylist li:hover{background:#f9f9f9; border:1px solid #99caff;}
.historylist h3 { font-size:105%; color: #9A8787; display:block;}
.historylist .text-big{font-size:105%;}
a.nolink{ color:#333; cursor:text;}
a.nolink:hover{ text-decoration:none;color:#333; }
.itemsecurity p label{ font-size:105%;}
h2.ui-accordion-header .text-big {
    color: #126aae;font-size: 140%;
}


/*--------------------------CCD-------------------------- */
.CCD { background-color: White; font-family:Arial; font-size:95%;color:#333333; width:700px; overflow-y:auto;}
.CCD h2 {font-size:150%;}
.CCD h3 a {color: #397eec;font-weight: bold}
.CCD a{font-size:14px; text-decoration: none;color:#397eec;border-bottom-style: none;font-weight: normal;}
.CCD a:hover{color: #126aae; font-weight: bold;}
.CCD ul{font-size:14px; }
.CCD p {line-height:30px; border-bottom: 2px solid #999999;}
.CCD table p{ border:none;}
.CCD hr{ color:white;border:0px;border-bottom:1px #999 dashed;}
.CCD th{font-weight: bold;color: #666; border-bottom: 2px solid #bbb; border-top: none;border-left: none;border-right: none;}
.CCD th{/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(243,243,243,0) 0%, rgba(243,243,243,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,0)), color-stop(100%,rgba(243,243,243,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(243,243,243,0) 0%,rgba(243,243,243,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(243,243,243,0) 0%,rgba(243,243,243,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(243,243,243,0) 0%,rgba(243,243,243,0.65) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(243,243,243,0) 0%,rgba(243,243,243,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f3f3f3', endColorstr='#a6f3f3f3',GradientType=0 ); /* IE6-8 */}
.CCD td{color: #666666; padding: 4px 8px 4px 8px; border-bottom: 1px #efefef solid; border-top:none; border-left: none; border-right: none; line-height:20px; }
.CCD tbody tr th{color: #333; padding: 9px 8px 0px 8px; border-bottom: 1px #efefef solid; border-top: 3px transparent solid; border-left: none; border-right: none;}



/*-----------Prescription----------------------------*/
.rx { background-image:url(Images/icons-BW.png); background-repeat:no-repeat; background-position:0 0;}
.active{ font-weight:bold; color:#3a8c00;}
.inactive{ font-weight:bold; color: #9A8787;}
.allergy { background-image:url(Images/icons-BW.png); background-repeat:no-repeat; background-position:-200px -220px;}



/*-------------Message Center-------------------- */
.greenbtn{	background: url('Images/icons-BW.png') no-repeat 0px -1894px; height:45px !important;} 
.greenbtn a{color:#fff !important; text-indent:10px;}
.greenbtn a:hover{ text-decoration:none;}
.sidenav li.greenbtn a:hover{background-image: url('Images/icons-BW.png')!important; background-repeat: no-repeat; background-position: 0px -1963px !important; height:35px; cursor:pointer; }
li.greenbtn.ui-tabs-active.ui-state-active a{ color:#333 !important;}
li.greenbtn.ui-tabs-active.ui-state-active a:hover{ color:#fff !important;}
#.mailbg {background: url('Images/MailBg.png') no-repeat; border-bottom:1px solid #ddd;}
.composeare{ background:url(Images/lettershadow.png) no-repeat center top; border:1px solid #ddd; border-top:1px solid #aaa; background-color:White; font-size:14px; }
.composeheader .secondarybtn{background-image:url(Images/icons-BW.png); background-repeat: no-repeat; background-position:0 -965px; border:1px solid #ccc; border-radius:4px;}
.composeheader .secondarybtn:hover{background: white;}
.composeheader .secondarybtn a{ color:#1579e0; font-weight:bold;}
.composeheader .secondarybtn a:focus{background-color:#fff; }
.styleinput{ background-color:#f2f2f2;border:1px solid #ddd;  color:#666;}
.mailheaderlabel label{ font-size:105%; font-weight:bold; color:#666; }
.messageheaderinfo{font-size:105%;  color:#666;  }
.sender{ color:#333; font-weight:bold; font-size:16px;}
.sentTime{ font-size:95%; color: #9A8787; }

.MailList .ui-jqgrid-title{font-size:150%; font-weight:normal; color:#2a2a2a; line-height:24px; text-indent:35px; background:url('Images/icons-BW.png') no-repeat -270px -1835px;}
.MailList .ui-jqgrid-bdiv { line-height:22px; font-size:12px; color:#333; }
.MailList .ui-jqgrid-hbox {font-size:120%;  border:1px solid #ddd;  color:#1579e0; border-left:0px; border-right:0px;}
.MailList .jqgrow td{ line-height:40px; background-color:#fafafa; }
.MailList .ui-jqgrid tr.jqgrow td {border-color:#ddd;}
.MailList .ui-jqgrid tr.jqgrow td:hover {background: #eef6ff; color: #333;}
.MailList .ui-jqgrid-btable .ui-state-highlight td {background-color: #FFFF70 !important;  border-color: #F2E96E !improtant; color:#2a2a2a; }
.MailList .ui-jqgrid-btable .unread td {background-color: #fff;  font-weight:bold; color:#2a2a2a; }
.MailList .ui-jqgrid-btable .read td{background-color:#eee; font-weight:normal;}

.addressbox{ border:1px solid #ddd; background:white; box-shadow:0px 0px 5px #999;-moz-box-shadow:0px 0px 5px #999;-webkit-box-shadow:0px 0px 5px #999; }
.addressbox .ui-jqgrid-hbox {font-size:105%; border:1px solid #ddd; border-left:0px; color:#1579e0; background-color:#eee; }
.addressbox .jqgrow td{  line-height:24px; }
.addressbox .ui-jqgrid .ui-jqgrid-titlebar {font-weight:bold; font-size:120%; color:#262626;}
.addressbox .ui-jqgrid tr.jqgrow td {border-color:#ddd; font-size:105%; color:#666;}
.addressbox .ui-jqgrid-sortable:hover{color: #126aae;}
.addressbox .ui-jqgrid-btable .ui-state-highlight td {background-color: #FFFF70;  border-color: #F2E96E; color:#2a2a2a !important;  }
.addressbox .ui-jqgrid .ui-jqgrid-title { font-size:120%; color:#666;}

.ui-widget-content .ui-icon {background-image: url(Images/ui-icons_007bff_256x240.png);}
.ui-state-disabled .ui-icon {background-image: url(Images/ui-icons_222222_256x240.png);}
.ui-icon-seek-next{background-position:-32px -160px;}
.ui-icon-seek-end{background-position:-64px -160px}
.ui-icon-seek-prev{background-position:-48px -160px;}
.ui-icon-seek-first{background-position:-80px -160px;}
.ui-icon-triangle-1-s {background-position: -64px -16px;}
.searchbtn a.icon-contact:focus{ border:0px;}
.autofill .ui-combobox a{border: 1px solid #ccc; background: url('Images/icons-BW.png') 0 -975px no-repeat; }
ul.ui-autocomplete{border: 1px solid #ccc; background:white;}
ul.ui-autocomplete li.ui-menu-item a {color:#666;}
ul.ui-autocomplete li.ui-menu-item a:hover{ text-decoration:none;}
ul.ui-autocomplete li.ui-menu-item:hover {background-color: #FFFF70;color:#2a2a2a;}
.ui-combobox input{border:1px solid #ddd;}
.ui-combobox input:focus{ background-color:#fbf5bd; font-weight:bold; font-size:105%;}

.ui-icon-triangle-1-s {background-position: -64px -16px;}
.ui-icon-triangle-1-n {background-position: 0 -16px;}
.ui-pager-control{color:#666; font-size:95%;}
.composeheader .icon-cancel{ background-position:-260px -690px;}
.viewmailheader .icon-cancel{ background-position:-260px -690px;}
.viewmailheader .icon-back{ background-position:-255px -1757px; }
.msgtop .refresh{background-position:12px -429px;}
.msgtop .icon-delete{background-position:-260px -720px;}
.ui-icon-arrowreturnthick-1-w{ background: url(Images/ui-icons_dd4c21_256x240.png) no-repeat -96px -48px;}
.ui-jqgrid-htable tr{border-color:#EFEFEF;}
.ui-search-toolbar{ border-top:0px;}
.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th.ui-th-ltr div input {background-image: url(Images/icons.png); background-repeat: no-repeat; background-position: -275px -433px; border:1px solid #ccc; }
.ui-icon-grip-diagonal-se{background: url(Images/ui-icons_dd4c21_256x240.png) no-repeat -80px -224px;}


/*-----------Profile ----------------------------*/
.popstyle { background-color:White;  }
.addins{ background:white;}
.AddIns { background-color:white;   border:1px solid #ddd;}
.AddIns .registerbox .wide300 label.error{ background-position:-288px -1997px;}
.searchbtn {font-size: 105% !important; background-image: url('Images/icons-BW.png'); background-repeat: no-repeat; background-position:-7px -1898px; border:1px solid #2f5bb7;}
.searchbtn:hover {background-image: url('Images/icons-BW.png'); background-repeat: no-repeat;background-position:-7px -1967px;}
.searchbtn a{ font-weight: bold; color:White; }
.searchbtn a:focus{border:1px solid #fff;background-color:#14a8e1; }
.carrier{ background:#f3f3f3; color: #9A8787;}
.chgpw {background-color:white; border:1px solid #ddd;}
.errorbtn{border:1px solid #ddd;background-color:#f1f1f1;}
.errorbtn:hover{background-color:#126aae; border:1px solid #014986; color:White;}
.errorbtn a:hover{ color:White;}
.carrierDiv{ background-color:#efefef; border-color:#ddd; -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:    -1px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.1);}
.carrierList .ui-jqgrid-bdiv { line-height:18px; font-size:105%; color:#333; }
.carrierList .ui-jqgrid-hbox {font-size:105%;  border:1px solid #ddd;  color:#1579e0; border-left:0px; border-right:0px;}
.carrierList .jqgrow td{ line-height:22px; background-color:#fafafa; }
.carrierList .ui-jqgrid tr.jqgrow td {border-color:#ddd;}
.carrierList .ui-jqgrid tr.jqgrow:hover{ background-color:#f4f4f4;}
.carrierList .ui-jqgrid-btable .ui-state-highlight td {background-color: #FFFF70;  border-color: #F2E96E; color:#2a2a2a; }
.activityhis, .activityhis .ui-widget.ui-widget-content{ box-shadow: none !important; border:0px !important; -moz-box-shadow:none !important;-webkit-box-shadow:none !important; }
.historylist .ui-state-active a, .doclist h2 a {
    color: #126aae;
    font-size: 140%;
}
.activityhis .ui-jqgrid-htable th{border: 0;
    background: transparent;
    color: inherit;
    font-size: smaller;
    font-weight: bold;}

.activityhis .ui-jqgrid tr.jqgrow td{
    border:0;
    border-bottom: 1px solid #ddd;
    text-overflow: ellipsis;
    font-size:90%;
}
.activityhis .ui-jqgrid .ui-jqgrid-pager {background: none;}

/*-----------Q & A section ----------------------------*/
.qasection h2 {color: #C76400; }
.questiondiv{color:#333; border-bottom: 1px dashed #ccc;}
.questiondiv h5{ font-size:105%; font-weight:bold;}
.questiondiv p{ color:#666;}
.questiondiv ul{ margin-left:20px; list-style-type:circle;color:#666;}



/*---------------------------------Browser Hacks---------------------------------*/
/*---------------------------------IE 7 sector-------------------------*/
*:first-child+html .tabmenu li {background:url(Images/transparent.png) repeat;}
*:first-child+html .tabmenu li.active a{ background:white;}
*:first-child+html .tabmenu li a:hover{ text-decoration:none;}
*:first-child+html .sticky  {border:1px solid #F2E96E;}
*:first-child+html .autofill .ui-combobox a{ background:url("Images/ui-icons_007bff_256x240.png") no-repeat -61px -13px;}
*:first-child+html .taskBar {background-color: #aad3ff;}
*:first-child+html .taskBar:hover {background-color: #f6f6f6;}
*:first-child+html .reportsAcc h3{ font-size:105%;}
*:first-child+html .datebox div .dropdownbtn{border:1px solid #ddd;}
*:first-child+html .mailsearch .icon-close{ margin-top:4px; padding-right:-40px; background-position:-99px -128px;}
*:first-child+html .helpfix .icon-help{ background-position:-276px -1635px;}


/*---------------------------------IE 8 & IE9 sector-----------------------*/
.tabmenu li {background:url(Images/transparent.png) repeat \0/;}
.tabmenu li.active a{ background:white \0/;}
.tabmenu li.active  li a:hover{background-color:#1579e0; \0/;}
.tabmenu li a:hover{ text-decoration:none \0/;}
.sticky  {border:1px solid #F2E96E \0/;}
.sticky.taped:after {background:url(Images/transparent.png) repeat \0/;}
.CCD{width:660px \0/; } 
.helpfix .icon-help{ background-position:-282px -1636px \0/;}
.mailsearch .icon-close{ margin-top:4px; padding-right:-40px; background-position:-99px -128px;}
.MailList .ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th.ui-th-ltr div input{ background-position: -275px -436px;}


/*-----------Chrome Only ------*/
::-webkit-scrollbar {width: 10px; height: 10px;}
/* Track */
::-webkit-scrollbar-track {background-color:#ddd; -webkit-border-radius: 5px; border-radius: 5px;}
/* Handle */
::-webkit-scrollbar-thumb { -webkit-border-radius: 5px; border-radius: 5px; background: #999;   }
::-webkit-scrollbar-thumb:hover {background: #666;}
::-webkit-scrollbar-thumb:window-inactive {background: #aaa; }