/*-------------------------PAGE STRUCTURE----------------------*/
body{padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px; color:#6B6854; background-color:#fff;}

/*-------------------------top----------------------*/
#top100{width:100%; color:#6B6854; padding: 10px 0 0 0;}
#top100 #top{background:url(images/top.png) no-repeat 0 0; width: 778px; height: 8px; margin:0 auto; }
#top100 #header{width:778px; background: url(images/borderBackground.png) repeat-y 0 0; position:relative; margin:0 auto 0 auto; height:135px; color:#515151;}

/*-------------------------HEADER----------------------*/
#header img{position:absolute;top: 0; left: 10px; border: none;}
#header ul.mainNavigation{margin: 0 auto; padding: 0 100px 0 100px; position: absolute; top:108px; left: 5px; display: block; width: 570px; height: 26px; background: transparent url(images/bar2.png) repeat-x 0 0;}
#header ul.mainNavigation li{float:left; padding:0 8px 0 8px;}
#header ul.mainNavigation li a.na{text-indent:0px; color: #ffffff; text-decoration:none; display:block; height:22px; float:left; font: bold 11px/22px Arial; padding:0px 3px 0px 3px; margin:2px 0 2px 0; }
#header ul.mainNavigation li a.na:hover{color: #cccccc;}
#header ul.mainNavigation li div.divider{width: 2px; height: 26px; padding: 0; margin: 0; background: transparent url(images/divider.png) repeat-x 0 0;}

/*-------------------------HEADER ... USER INFO--------------*/
#header div.userInfo{width: 200px; position:absolute; top:92px; left:560px; display:block;color: #7d7d7d; font: normal 7pt arial;height: 20px; text-align: right;}
#header div.userInfo a{color: #367b2a; font: bold 7pt arial;}

/*-------------------------middle---------------------*/
#middle100{width:100%; background:url(images/middle_table_bg.gif) repeat-x #FDFEFF; color:#6B6854; margin: 0;}
#middle100 #middle{width: 738px; padding: 0 20px 0 20px; margin:0 auto; background: url(images/borderBackground.png) repeat-y 0 0;}

/*-------------------------bottom---------------------*/
#footer100{width:100%; }
#footer{width:778px; background: url(images/borderBackground.png) repeat-y 0 0; position:relative; margin:0 auto 0 auto; height: 55px; color:#515151;}

/*-------------------------STANDARD ELEMENTS----------------------*/
div, p, ul, h1, h2, h3, h4, img, form, input{padding:0; margin:0;}
ul{list-style-type:none;}
.blank{clear:both;font-size:0;line-height:0;}
h2{padding: 10px 0 10px 0;}
a{color: #015583;}
.standardButton{height: 25px; background: #7ca8c0; padding: 0 10px 0 10px; border: solid 1px #015583; color: #ffffff; font: bold 8pt arial;}
.standardButton:hover{background: #015583; }
.standardTextbox{padding: 3px; font: bold 12px arial; color: #6B6854; border: solid 1px #015583; margin: 0;}
.multilineTextbox{padding: 3px; font: bold 110% arial; color: #6B6854; border: solid 1px #015583;}
.emailTextbox{padding: 2px; border: solid 1px #626262; width: 200px;}
.standardDropdown{margin: 5px 0 0 0;  font: bold 15px arial; color:#6B6854;}
.lastControl{background: #ededed; font: bold 12pt arial; padding: 15px; height: 30px; border: solid 1px #6b6854; text-align: center; margin: 20px 0 0 0;}
.bigText{font: bold 15px arial;}
.smallText{font: normal 8pt arial;}
.multiline{ overflow: visible; height:auto;width:auto; border:#CCCCCC 1px solid; font: normal 30px arial; vertical-align:middle; display: block;}
.callButton{height: 16px; width: 16px; background: #ffffff url(images/call.png) no-repeat 0 0; border: solid 1px #ffffff;}
.selectButton{height: 16px; width: 16px; background: #ffffff url(images/call.png) no-repeat 0 0; border: solid 1px #ffffff;}
.deleteButton{height: 18px; width: 18px; background: transparent url(images/delete.png) no-repeat 0 0; border: none; padding: 0; margin: 0;}
.hide{display: none;}
.fleft{float: left;}

/*-------------------------TELERIK DATE/TIME INPUT CONTRLS----------------------*/
.pickerWrapper_Default table{width: 200px !important;}
.tlrkDateInput{font: bold 150% arial !important; width: 270px !important;}

/*----------------------------------set width----------------------*/
div.Width50{float: left; width: 50%;}
div.Width60{float: left; width: 60%;}
div.Width40{float: left; width: 40%;}
div.Width100{float: left; width: 100%;}

/*----------------------------------misc----------------------*/
.confirm{background: #70bd02 url(images/check.png) no-repeat 7px 11px; color: White; padding: 15px 0 15px 24px; margin: 20px 0 20px 0; font:  bold 100% arial; border: solid 1px gray; text-align: center;}
.confirm a{color: white;}
.error{background: #84b0de url(images/alert.png) no-repeat 7px 11px; color: #ffffff; padding: 15px 20px 15px 44px;	margin: 20px 0 20px 0; font:  bold 100% arial; border: solid 1px; text-align: center;}
.error li{color: #ffffff;}


/*-------------------------WHO----------------------*/
#who{width:738px; height: 144px; padding: 0 20px 0 20px; margin:0 auto 0 auto;	background: url(images/borderBackground.png) repeat-y 0 0; color:#6B6854;}
#who img{float: left; padding: 10px 10px 0 0; }
#who h2{height:19px; width: 566px; background:url(images/who.png) no-repeat; float: left;}	
#who p{float: left; margin: 9px 0 0 0; width: 566px; display:block; padding-bottom:1px; font-size:14px;}
#who p strong{color:#2d7722; background-color:#FDFEFF;}
#who p.line {background:url(images/line.gif) no-repeat left;  height:16px; display:block; width:469px;margin-bottom:52px;}
#who p.line a{font:12px/16px Verdana, Arial, Helvetica, sans-serif; color:#467700; font-weight:bold;text-decoration:none; 	height:16px; display:block; padding:0; float:right; background-color:#FDFEFF;}
#who p.line a:hover{text-decoration:underline;}

/*----------------------------------minimalist styled tables----------------------*/
#containerFull{padding:10px;}
#containerFull h1{font: normal 175% arial;	letter-spacing: -1px;	line-height: 1.1; color:#495964; margin: 0;}
.minimalistTable{background: #fff; margin: 10px 0 20px 0; width: 100%; border-collapse: collapse; text-align: left; border: 1px solid #e6e6e6;}
.minimalistTable th{font: normal 90% arial;	letter-spacing: -1px;line-height: 1.1; color: #ffffff; padding: 0; background: transparent url(images/bar2.png) repeat-x 0 0; height: 27px; text-align: center;}
.minimalistTable th a{color: #ffffff;}
.minimalistTable tbody tr{background: #ffffff; border-bottom:  solid 1px #69c;}
.minimalistTable tbody td{border-bottom:  solid 1px #e6e6e6; color: #495964;padding: 3px; text-align: center; font: normal 85% arial; }
.minimalistTable tbody td a{color: #495964;}
.minimalistTable tbody td .standardTextbox{font: bold 90% arial; text-align: center;}
.minimalistTable tbody td.lastColumn{background: #e6e6e6; font: bold 140% arial;	 width: 10%}
.minimalistTable tbody td.lastColumn:hover{background: #CCCCCC;}
.minimalistTable tbody td.dispositions{text-align: right; background: #e6e6e6; font: bold 100% arial; width: 20%;}
.minimalistTable tbody td.day{text-align: center; font: normal 100% arial; width: 10%;}
.minimalistTable tbody tr:hover td{background: #e6e6e6; }
.minimalistTable tfoot td{font: bold 140% arial;	letter-spacing: -1px;line-height: 1.1; padding: 0; background: transparent url(images/thMinBack.png) repeat-x 0 0; height: 27px; text-align: center;}

/*-------------------------------DataPager Control----------------------*/
#ctl00_ContentPlaceHolder1_dp{margin: 10px 0 0 0; display: block;}
.pageButton{font: bold 90% arial; border: solid 1px #bfc9cb; padding: 3px; margin: 0; text-decoration: none;}
.pageNumber{font: bold 90% arial; border: solid 1px #bfc9cb; padding: 3px; margin: 0; text-decoration: none; }
.pageNumberCurrent{font: bold 90% arial; border: solid 1px #bfc9cb; padding: 3px; margin: 0; text-decoration: none; display: inline-block;}

/*-------------------------SMALL CALENDAR--------------*/
.calendarSmall{border: solid 1px #6b6854; font: normal 130% arial; margin: 0 auto;}
.calendarSmall a{ text-decoration: none;}
.calendarSmall td{border: solid 1px #6b6854; padding: 0;}
.calendarSmall .head tr{background: #ededed; font: normal 120% arial; }
.calendarSmall .head td{padding: 5px;border: none;}
.calendarSmall td.day{border: solid 1px #6b6854; padding: 2px;}
.calendarSmall td.day a{width: 100%;}
.calendarSmall td.day:hover{background: #055885; padding: 2px;}
.calendarSmall td.today{border: solid 1px #6b6854; font-weight: bold; text-decoration: none; background: #fff; font: bold 110% arial; padding: 2px;}
.calendarSmall td.today a{width: 100%;}
.calendarSmall td.selectedDay{background-color: #055885 !important; padding: 2px;}
.calendarSmall td.selectedDay a{font: bold 10pt arial;}

/*-------------------------APPOINTMENT TIME SLOTS--------------*/
div.timeSlot{width: 90%; border-top: solid 1px #6b6854; border-left: solid 1px #6b6854; border-right: solid 1px #6b6854; padding: 0; text-align: center; height: 35px;}
div.timeSlotLast{border-bottom: solid 1px #6b6854;}
div.timeSlot span.time{ background: #055885; color: White; display: block; float: left; width: 120px; height: 25px; padding: 10px 5px 0 5px; font: normal 80% arial;}
div.timeSlot  .standardButton{margin: 5px;}
div.faceToFaceLeft{float: left; width: 60%;}
div.faceToFaceRight{float: left; width: 40%; }
div.faceToFaceRight .standardTextbox{width: 260px;}

/*-------------------------full Content--------------*/
#fullContent{width:748px; margin:0 auto; color:#6B6854;	background: url(images/borderBackground.png) repeat-y 0 0; padding: 15px;}
#fullContent h1{display:block; font-size: 18pt; padding: 0 0 0 0;}
#fullContent h3{display:block; font-size: 12pt; padding: 5px 0 0 0; color: Orange;}
#fullContent h4{display:block; font-size: 10pt; padding: 0 0 0 0;}
#fullContent ul{ list-style-type:  square; margin: 0 0 0 20px;}
	
/*-------------------------script form--------------*/
#fullContent div.scriptForm div.subTitle{background: #ededed; font: bold 12pt arial; padding: 15px; border: solid 1px #6b6854; margin: 0 0 15px 0; height: 30px;}
#fullContent div.scriptForm div.subTitle .label{ float: left; padding: 5px 0 0 0; margin: 0; height: 35px; width: 70%;}
#fullContent div.scriptForm div.subTitle .control{ float: left; padding: 0 0 0 20px; margin: 0; height: 35px; width: 25%;}
#fullContent div.scriptForm textarea.smallText{border: solid 1px #6b6854; overflow: auto;}
#fullContent div.scriptForm{min-height: 400px; margin: 2px 0 10px 0; padding: 10px 10px 0 10px;}
#fullContent div.scriptForm h4{color:#2d7722; font-weight:bold; font-size:13px;background-color:#FDFEFF; margin: 0 0 10px 0;}
#fullContent div.scriptForm h3{margin-left:0; display:block; font-size: 12pt;width:667px;}
#fullContent div.scriptForm ul{margin: 0;}
#fullContent div.scriptForm ul li{padding:0 0 0 17px; list-style: none; width: 100%; display: block;}
#fullContent div.scriptForm ul li p{margin: 0; padding: 0;}
#fullContent div.scriptForm p{padding: 10px 0 10px 0;}
#fullContent div.scriptForm p.script{color: #307927; font: normal bold 100% arial; display: block; float: none; width: 100%;}
#fullContent div.scriptForm div.halfField{margin: 0 10px 0 0; }
#fullContent div.scriptForm .customerResponse{color: #055785; font: italic bold 100% arial; margin: 5px 0 0 0;}
#fullContent div.scriptForm .indented{padding: 0 0 0 30px; width: 680px;}
#fullContent div.scriptForm .indented .left{float: left; margin: 0; width: 325px;}
#fullContent div.scriptForm .indented .right{float: right; margin: 0; width: 325px;}
#fullContent div.scriptForm .standardTextbox{padding: 2px; margin: 2px 0 2px 0; font-size: 12pt;}
#fullContent div.scriptForm label{padding: 0; margin: 2px 0 0 0; font-weight: bold; width: 100%; display: block;}
#fullContent div.scriptForm div.control{padding: 0; margin: 0 0 5px 0; font-weight: bold; width: 675px; float: none;}
#fullContent div.scriptForm div.bottomControl{padding: 10px 0 0 0;}

/* Accordion */
.accordionHeader{border: 1px solid #2F4F4F; color: white; background: #2E4d7B; font: bold 100% Arial; padding: 5px; margin-top: 5px; cursor: pointer; text-decoration: none;}
.accordionHeader a{color: #FFFFFF;background: none;text-decoration: none;}
.accordionHeader a:hover{	background: none;	text-decoration: underline;}
.accordionHeaderSelected{    border: 1px solid #2F4F4F;    color: white;    background-color: #5078B3; font: bold 100% Arial; padding: 5px;    margin-top: 5px;    cursor: pointer;}
.accordionHeaderSelected a{	color: #FFFFFF;	background: none;	text-decoration: none;}
.accordionHeaderSelected a:hover{	background: none;	text-decoration: underline;}
.accordionContent{    background-color: #D3DEEF;    border: 1px dashed #2F4F4F;    border-top: none;    padding: 5px;    padding-top: 10px;}

/* collapse Panel */
.collapsePanelHeader{	width:100%;	height:30px;	background-image: url(images/bg-menu-main.png);	background-repeat:repeat-x;	color:#FFF;	font-weight:bold;}

/*-------------------------FAQs--------------*/
#fullContent div.scriptForm div.FAQ{padding: 10px; font-size: 8pt;}
#fullContent div.scriptForm div.FAQ div.question{font-weight: bold;}
#fullContent div.scriptForm div.FAQ div.answer{font-style: italic; padding: 0 0 10px 0;}

/*-------------------------EDetails--------------*/
#fullContent div.scriptForm div.EDetail{padding: 10px; font-size: 8pt;}

#divDoctorSearchResults{width: 703px; padding: 10px; min-height: 75px; background: transparent url(images/backGreen120x10.png) repeat-x 0 0; border: solid 2px #4a8a40; color: #FFFFFF;}
#divDoctorSearchResults .left{width: 335px; float: left; }
#divDoctorSearchResults .right{width: 305px; float: left; padding: 0 0 0 50px;}

#divEDetailAppointments{width: 703px; padding: 10px; min-height: 75px; background: #9aba8b; border: solid 2px #4a8a40; color: #FFFFFF; float: left;}
#divEDetailAppointments .left{width: 335px; float: left; }
#divEDetailAppointments .left legend{color: #ffffff; font: bold 120% arial;}
#divEDetailAppointments .left legend.red{color: #823141;}
#divEDetailAppointments .left div.row{width: 335px; float: left;}
#divEDetailAppointments .left div.row div{padding: 2px 3px 0 3px;font: normal 11px arial;}
#divEDetailAppointments .left div.row div a{color: #46792d;font: normal 11px arial;}
#divEDetailAppointments .right{width: 350px; float: right; padding: 0 0 0 5px;}
#divEDetailAppointments .right label{font: normal 10px arial; height: 14px; float: left; display: block; width: 355px !important; color: #46792d;}
#divEDetailAppointments .right span{display: block; float: left;font: normal 11px arial;}
#divEDetailAppointments .right fieldset{padding: 5px; float: left; width: 325px; border: inherit 1px #dee6c6; }
#divEDetailAppointments .right legend{color: #225c4c; font: bold 100% arial;}
#divEDetailAppointments .right div.lookup{border: solid 1px white; padding: 5px;}
#divEDetailAppointments .right .address .standardTextbox, 
#divEDetailAppointments .right .phone .standardTextbox{float: left; font: bold 12px arial; margin: 3px 3px 0 0; }
#divEDetailAppointments .right .standardButton{height: 21px; margin: 3px 0 0 0; background: #aac6be; border-color: #698d83;}
#divEDetailAppointments .right .standardTextbox{float: left; font: bold 12px arial !important; margin: 3px 3px 0 0 !important; }
#divEDetailAppointments td{font: normal 80% arial;}

/*Modal Popup*/
.modalBackground{background-color: Gray; filter: alpha(opacity=70); opacity:0.7;}
.modalPopup{background-color: #ffffdd; border: solid 3px Gray; padding:3px; width: 400px; }
.modalPopup .label{font-size: 9pt;}
.modalPopup .value{font-size: 8pt;}
.modalPopup .notes{font-size: 8pt;}
.modalPopup .OKButton{border: solid 1px Gray; font: bold 90% arial; background: #ffffff;}
.modalPopup h2{font: bold 140% arial; padding: 0; margin: 3px;}
.modalLink{ cursor: pointer;}

/*-----------------------------left div----------*/
#left{width:225px; float:left; background-color:#FDFEFF; position:relative; color:#6B6854;}
#left h2{background:url(images/latest_events.png) no-repeat ; margin:0 0 0 15px; display:block; text-indent:-2000px;height: 18px;}
#left h3{color:#2d7722; font: bold 13px Arial; background-color:#FDFEFF; margin:0 0 0 15px;}
#left p{padding: 0 28px 15px 20px; display:block; text-align: justify;}
#left img{padding:0 0 19px 18px; display:block}
#left h4{color:#6B6854; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; width:168px; margin:0 0 5px 15px; display:block; background-color:#FDFEFF;}
#left p span{color: #226f15; background-color:#FDFEFF;}
#left p.line {background:url(images/line_2.gif) no-repeat left #FDFEFF; height:16px; display:block; width:157px; margin:0 0 15px 15px; color:#6B6854;}
#left p.line a{font:12px/16px Verdana, Arial, Helvetica, sans-serif; color: #015583; font-weight:bold;text-decoration:none; background-color:#FDFEFF;	height:16px; display:block; padding:5px 10px 0 0; float:right;}
#left p.line a:hover{text-decoration:underline;}

/*----------------------------middle div----------------*/
#mid{width:236px; border:#CCCCCC 2px solid; color:#6B6854; float:left; background: #FDFEFF; padding: 15px 15px 5px 15px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#mid h2{background:url(images/login_icon.png) no-repeat #EDEDED 0 0; color:#4F4F4F; height:41px; padding-bottom:14px;  text-indent:-2000px;}
#mid h3{width:234px; height:64px; background:url(images/territory.png) no-repeat 0 0 #FDFEFF; text-indent:-2000px; margin: 5px 0 0 0; color:#999999;}
#mid .pnlLogin{width:217px; background-color:#EDEDED; display:block; padding-left:17px; height:120px; color:#3B3B3B;}
#mid .pnlLogin input{width:199px; height:17px; margin-bottom:16px;}
#mid .pnlLogin label{width:125px; height:18px; background: #EDEDED; color:#373737; font-size:16px;padding:0 0 0px 28px; display:block; font-weight:bold; line-height:17px; float:left;}
#mid .pnlLogin label a {color:#373737; text-decoration:none; background-color:#EDEDED;}
#mid .pnlLogin label a:hover {text-decoration:underline;}
#mid .pnlLogin input.button{width:49px;height:18px;float:left;display:block;background: url(images/loginButton.png) 0 0 no-repeat #FEFEFE; color:#fff; font-size:0px; font-weight:bold; line-height:18px; border:none;  cursor:pointer;}
#mid .pnlLoginFail{width:217px;background-color:#EDEDED;display:block;padding-left: 17px; height:40px; color:#ff8f21; font-weight: bold;}
#mid ul{width:231px; display:block; margin:27px 0 0 0;}
#mid ul li{display:block; height:61px; font:14px/13px Verdana, Arial, Helvetica, sans-serif; color:#585858; font-weight:bold;background-color:#FDFEFF; margin: 15px 0 15px 0;}
#mid ul li a{background:url(images/mid_morebg.gif) no-repeat #FFFFFF; width:92px; height:12px; display:block; font-weight:bold;font:12px/12px Verdana, Arial, Helvetica, sans-serif; color:#467700; text-decoration:none; padding:0 0 0 135px;margin:0 0 20px 0;}
a.view{background:url(images/mid_morebg.gif) no-repeat #FFFFFF; width:92px; height:12px; display:block; font-weight:bold;font:12px/12px Verdana, Arial, Helvetica, sans-serif; color:#467700; text-decoration:none; padding:0 0 0 135px;margin:0 0 20px 0;}
a.view:hover{color:#000000; background-color:#FDFEFF;text-decoration:underline;}

/*---------------------right div----------------------*/
#right{width: 219px; background-color:#FFFFFF; float:left; padding: 0 0 0 17px;  color:#6B6854;}
#right h2{height: 14px; background:url(images/current_link.png) no-repeat 0 0 ; display:block;}
#right ul{width:188px; display:block; margin-top:7px; margin-bottom:46px;}
#right ul li{background:url(images/arrow.png) no-repeat 0 3px; height:20px;  padding:0 0 0 17px;}
#right ul li a{font:13px/20px Verdana, Arial, Helvetica, sans-serif; color:#6B6854; text-decoration:underline;background-color:#FDFEFF;}
#right ul li a:hover{text-decoration:none;}
#right p{width: 210px; height:296px; background:url(images/services_pic.jpg) no-repeat #FFFFFF; color:#E4E4E4;}

/*---------------------articles----------------------*/
DIV.article{padding: 10px;}
DIV.article p{margin: 10px 0 10px 0;}
DIV.article UL{}
DIV.article LI{list-style-type: circle; margin: 0 0 0 25px;}

/*---------------------------------finished call stat screen-----------------*/
.statsScreen{width: 350px; margin: 50px auto 150px auto; background: #ededed; border: solid 1px #6b6854;}
.statsScreen h1{font-size: 130% !important; margin: 5px 0 5px 5px;}
.statsScreen div{padding: 5px;}
.statsScreen .left{float: left; width: 235px;}
.statsScreen .right{float: right; width: 95px; text-align: center;}

/*---------------------------------footer-----------------*/
#footer ul{margin: 0 auto; padding: 0 135px 0 135px; position: relative; width: 498px; height: 26px; background: transparent url(images/bar2.png) repeat-x 0 0;}
#footer ul li{float:left; padding:0 8px 0 8px;}
#footer ul li a.na{text-indent:0px; color: #ffffff; text-decoration:none; display:block; height:22px; float:left; font: bold 11px/22px Arial; padding:0px 3px 0px 3px; margin:2px 0 2px 0;}
#footer ul li a.na:hover{color: #cccccc;}
#footer ul li a{color:#515151; text-decoration:none; margin:0 11px 0 11px;}
#footer ul li a:hover{text-decoration:underline;}

#bottom{background:url(images/bottom.png) no-repeat 0 0; width: 778px; height: 8px; margin:0 auto; }