/* 
	project: internet sharing template
   	author: luka cvrk (www.solucija.com) 
								*/
   
body { padding: 0; margin: 0; font: 0.7em Tahoma, Arial, sans-serif; line-height: 1.6em; background: #fff; color: #454545; }

/* links */
/*a { color: #636363; font-size: 11px; font-weight: bold; text-decoration: none; }*/
/*a:hover{ color: #828282; background: inherit; text-decoration:underline;}	*/
a.gr {color: #006600;}
a.gr:hover {color: #037e03;}

/* headings */
h1 { font: bold 2.5em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px; }
h2 { font: bold 2em Arial, Sans-Serif; margin: 0; padding: 0; color:#1a711d;}
h3 { font: bold 1.4em Arial, Sans-Serif; margin: 0; padding: 0; }
.h3height br{ line-height:7px;}
h1 a, h2 a { color: #2b2b2b; background:none; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #2b2b2b;/* background: #FFF;*/ text-decoration:none; }
.title { color: #808080; background:none;}

/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form { margin: 0; }
input.search { width: 279px; border: none; background: #fff url(../images/input.gif) no-repeat; padding: 6px 10px; color: #1E67A8; font-weight: bold; }
input.button { padding: 3px; }
/* content holder */
#content { margin: 0px auto; width: 100%; }

/* header */
#header { background:url(../images/bg.gif) repeat-x; height:135px; }
#logo { padding: 12px 0 0 12px; font-family:"Lucida Sans"; font-size:35px; color:#7d5dc0; line-height:27px;}
#logo p { margin: 0; padding: 0px; color: #006501; font-size:14px;  font-family:"Bell Gothic Std Black"; font-weight:bold;}
#top_info { float: right;/* width: 570px;*/ margin: 0px 15px 0 0; text-align: right;  line-height:22px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#636363;}
#top_info span{font-size:12px; font-weight:bold; text-transform:capitalize; text-decoration:underline;}

#top_info .lbox-left{background:url(../images/left-crnr.jpg) no-repeat left top; padding-left:10px; margin-left:5px;}
#top_info .lbox-right{background:url(../images/right-crnr.jpg) no-repeat right top; padding-right:10px;}
#top_info .lbox-mid{background:url(../images/lbox-mid.jpg) repeat-x left top; height:26px; padding:0 10px;}

span.customStyleSelectBox {
    background: url("../images/combobox.png") no-repeat scroll right center #FFFFFF;
    color: #000000;
    font-size: 13px;
    height: 24px;
    width:305px;
}
.customStyleSelectBoxInner {
    padding-left: 10px;
    width: 305px;
	line-height: 24px;
}

.tab-content th{
	text-align:left;
	padding-left:6px;
}

.txtbox
{
	background: url("../images/text-box.png") no-repeat scroll left center;
    color: #000000;
    font-size: 13px;
    height: 24px;
    width:285px;
	border:none;
	padding-left:10px;
	padding-right:10px

}
.left-bg	{
	background: url("../images/btn-left.png") no-repeat scroll left top;
	height:27px;
	display:block;
}

.right-bg	{
	background: url("../images/btn-right.png") no-repeat scroll left top;
	height:27px;
	display:block;
}

.mid-bg, a.btncancel, a.btnproceed, a.bluebtn, a.reset{
	background: url("../images/btn-mid.png") repeat-x scroll left top;
	height:27px;
	display:block;
	border:none;
	color:#3C3D03;
	font-weight:bold;
	line-height:27px;
	padding:0;
	margin:0;
}


/* horizontal tabbed menu */	
#tabs { background:url(../images/bigbox.gif) repeat-x top left; color: #FFF;  height: 64px; text-align: left; padding: 0 0 0 10px; }
#tabs li { display: inline; height: 45px; }
#tabs li a { float: left; background:none; color: #FFF; padding: 7px 5px 0 0; width: 95px; text-align: center; font-weight: bold; text-decoration: none; margin-top:8px;font-size:12px;}
#tabs li a:hover { background:url(../images/barcurrent.gif) no-repeat; color: #336699; width:95px; height:32px;}	
#tabs li a.current { background:url(../images/barcurrent.gif) no-repeat; color: #2C71AE; width:95px; height:32px;}	
.key { text-decoration: underline; }

/* search form */
#search { 
	float: left;
	clear: both;
	color: #000;
	background: #fff url(../images/searchbg.gif) no-repeat;
	padding: 14px 0 20px 5px;
	width: 500px;
	margin: 5px 0 0 0;
}
	#search p { padding: 0; margin: 0; }


/* grey subheader */
.gboxtop { clear: both; height: 8px; background: #dedede url(../images/gboxtop.gif) no-repeat; color: #000; }
.gbox { background: #dedede url(../images/gbox.gif) no-repeat bottom left; color: #444; padding: 1px 13px 7px 13px; margin: 0 0 20px 0; }
.gbox p { padding: 7px 0; margin: 0;}
.gbox a { color:#CC6600}
.gbox a:hover {color:##003B6E}
.gbox a:visited {color:#CC6600}

/* left side */
.left { float: left; width: 960px; margin: 0 0 10px 0; }
	.left_articles {
		/*margin: 0 20px 15px 10px;*/
		padding: 10px 0 0 0;
		text-align: justify;
		border-bottom: 0px dotted #ccc;
		color: #3a3a3a;
		background: #fff;
		font-size:12px;
	}
	
	.calendar { height: 50px; float: left; background: #fff url(../images/calendar.gif) no-repeat; width: 50px; padding: 5px 0 0 9px;  color: #808080;}
	.calendar p { padding: 0; margin: 0; }
	.description,.criteriaBox { padding: 0 0 2px 0; margin: 0 0px 5px 0; border-bottom: 1px dotted #ccc;}
	/*.criteriaBox {border-top: 1px dotted #ccc;}*/
	.thumbnail { float: left; margin: 0 18px 8px 0; border: 1px solid #dedede; }


/* bottom thirds */
.thirds { float: left; width: 203px; background: #eee; margin: 0 12px 0 0; color: #5d5d5d; }
	.smallboxtop { height: 14px; background: #fff url(../images/smallboxtop.gif) no-repeat; color: #000; }
	.smallbox { background: #fff url(../images/smallbox.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }

	
/* right side */
#right {
	float: right;
	width: 295px;
	margin: 0 0 10px 0;
}
	.boxtop { height: 19px; background: #fff url(../images/boxtop.gif) no-repeat; color: #000; }
	.box { background: #fff url(../images/box.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 10px 15px 10px; margin: 0 0 10px 0; /*height:120px; */}
	.box p { padding: 0; margin: 0;}
	.image { float: left; margin: 0 9px 3px 0; }


/* misc */
.buttons { text-align: left; padding: 4px 3px 0 118px;}
.btnCreateTable { padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn { background: #488EB2 url(../images/bluebtn.gif) no-repeat;font-size:8pt; width:auto; padding: 1px 11px 5px 16px; color: #fff; text-decoration: none; }
.btnsearch { background: #488EB2 url(../images/bluebtn.gif) no-repeat;font-size:8pt; width: 50px; padding: 1px 16px 0px 16px; color: #fff; text-decoration: none; }
.reset {background: #488EB2 url(../images/bluebtn.gif) no-repeat; color: #fff; text-decoration: none; text-align:center;
		    width:auto; padding: 1px 10px 4px 14px; font-size:8pt; margin-right:5px}
.greenbtn { background: #488EB2 url(../images/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }
.editbtn { background: #488EB2 url(../images/bluebtn.gif) no-repeat;font-size:8pt; width: 90px; padding: 1px 17px 5px 20px; color: #fff; text-decoration: none; }
.newbtn { background: #488EB2 url(../images/bluebtn.gif) no-repeat;font-size:8pt; width: 90px; padding: 1px 17px 5px 18px; color: #fff; text-decoration: none; }
.btnproceed { background: #488EB2 url(../images/bluebtn.gif) no-repeat;font-size:8pt; width: auto; padding: 1px 10px 5px 7px; color: #fff; text-decoration: none; }
.btncancel { background: #488EB2 url(../images/bluebtn.gif) no-repeat;font-size:8pt; width: auto; padding: 1px 13px 5px 11px; color: #fff; text-decoration: none; }
.btnsubmit { background: #488EB2 url(../images/bluebtn.gif) no-repeat;font-size:8pt; width: 40px; padding: 0px 8px 1px 9px; color: #fff; text-decoration: none; }
.btndelete { background: #488EB2 url(../images/bluebtn.gif) no-repeat;font-size:8pt; width: 40px; padding: 1px 11px 5px 13px; color: #fff; text-decoration: none; }
.btneval { background: #488EB2 url(../images/bluebtn.gif) no-repeat;font-size:8pt; width: 110px; padding: 1px 19px 5px 18px; color: #fff; text-decoration: none; }
.btnpoc { background: #488EB2 url(../images/bluebtn.gif) no-repeat;font-size:8pt; width: 110px; padding: 1px 18px 5px 18px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover,
.reset:hover,.btnsearch:hover,
.editbtn:hover,.btnproceed:hover,.btnpoc:hover,
.btncancel:hover,.newbtn:hover,.btneval:hover,
.btnsubmit:hover,.btndelete:hover { background: transperant url(../images/btn-mid.png) repeat-x; color: #000; }

#fNewPatient .msgfont { font-size: 12px; font-weight: normal; position: absolute; width: 100%; padding-left: 0 !important;}

/* footer  */
.footer { clear: both; /*text-align: center;*/ line-height: 1.8em; padding: 10px 0 10px 0; border-top: 1px solid #ccc; }

#divBalTotal,#divGaitTotal,#divTotal {color:#A83E20;font-weight:bold;}

/*.btn {
	float: left;
	clear: both;
	background: url(../images/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;	
}*/
.btn a{
	float: left;
	height: 40px;
	background: url(../images/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.btn a:hover { background-color:#ccc;}
.btnDisabled a:hover { cursor:default; background-color:#FF0000;}
.btn span {
	background: url(../images/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.btn_addtocart { background-color: green; }
.btn_checkout { background-color: red; }
.btn_learnmore { background-color: orange; }
.btnNormal { background-color: #002c85; }
.btnDisabled { background-color:#FF0000; }
.btnDisabledOnMouseOver { cursor:default; }
.clear {
	clear: both;
}

.aLink { color:#000066; }
.aLink:hover { color:#ccc; }
.aLink:visited { color:#0099FF; }
.noDisplay { display:none;}
.Display { display:block;}
.sel-tr{backgroundsel-tr-color:#ECECEC; height:20px;}
.over-tr{background-color:#f3f4f5;}
.fontstyle{
color: #454545;
font-size:10px;
font-family:Arial, Helvetica, sans-serif
}
.fontstyle1{
border:0px solid #DEDEDE;
color: #454545;
font-size:10px;
height:20px;
font-family:Arial, Helvetica, sans-serif
}
.bgcolor{background-color:#CFE8FF; }

.leftspan{
	margin-left:590px;
	font-size:16px;
	font:bold 1.5em Arial,Sans-Serif;
	font-weight:bold;
}
.leftspan1{
	font-size:16px;
	font:bold 1.5em Arial,Sans-Serif;
	font-weight:bold;
}
.red
{
 color:#FF0000;
}
.borderred
{
	border-style:solid;
	border-width:1px;
	border-color:#FF0000;
}
.msgfont
{
	color:#FF0000;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.msgfont1
{
	color:#FF0000;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.schedborder1
{
	border-top:1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;
}
.schedborder2
{
	border-top:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
}
.schedborder3
{
	border-top:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;	
}
.schedborder4
{
	border-top:1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
}
.schedborder5
{
	border-left:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;	
}
.schedborder6
{
	border-top:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;	
}
.schedborder7
{
	border-top:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;	
}
.schedborder8
{
	border-left:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;	
}
.schedborder9
{
	border-right:1px solid #DEDEDE;	
}
.schedborder11
{
	border-left:1px solid #DEDEDE;	
}
.schedborder10
{
	border-right:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;	
}
.reportfont
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}
.bgcolor1
{
	background-color:#6a4f9f;
	color:#fff;
}
.bgcolor2
{
	background-color:#E1EDC8;
}
.title1
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}
.title2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.title3
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
}
.marginleft
{
	margin-left:6px;
}
.marginleft1
{
	margin-left:450px;
}
.marginleft2
{
	margin-left:385px;
}
.marginleft3
{
	margin-left:150px;
}
.marginleft4
{
	margin-left:283px;
}
.trheight1
{
	height:30px;
}
.trheight2
{
	height:20px;
}
.cleardate
{
	display:none;
}

.girdN tbody td{
  	background-color: #F2FAE1 !important;
    border-color: #FFFFFF;
    height: 25px;
    padding-left: 5px;
    text-align: left;
}
.girdN tbody td td{
	height:inherit;
}
.girdN tbody .sel-tr td{
    background-color: #E1EDC8 !important;
    border-color: #CFCFCF;
    height: 25px;
}
.redbg td
{
background-color:#FF8080 !important;
}
.bgcolor td,.girdN tbody .bgcolor td {background-color:#CFE8FF !important; }

/*#fancybox-wrap
{
	left:770px !important;
}
*/


/*-------Bonus Points START---------*/

.counter {
	clear:both;
	height:50px;
	border:#dfdfdf solid 1px;
	background:#fff;
	padding:5px 5px 5px 5px;
	margin:0px auto;
	width:auto;
	text-align: center;
}
.counter span {
	

background:#7c5cbe url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjNWNiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDI3NzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #7c5cbe 0%, #402770 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c5cbe), color-stop(100%,#402770));
background: -webkit-linear-gradient(top,  #7c5cbe 0%,#402770 100%);
background: -o-linear-gradient(top,  #7c5cbe 0%,#402770 100%);
background: -ms-linear-gradient(top,  #7c5cbe 0%,#402770 100%);
background: linear-gradient(to bottom,  #7c5cbe 0%,#402770 100%);

	font-weight:bold;
	color:#FFF!important;
	line-height:18px;
	font-size:13px;
	height:16px;
	padding:2px 8px 3px 8px;
	letter-spacing:1px;
	width:auto;
	display:inline-block;
	margin-left:2px;
	margin-right:2px;
	text-align:center;
	text-decoration:none;
	border:#422e67 solid 1px;
}

/*-------Bonus Points END---------*/


/*-----------------------TAB STYLE START-------------------------------------------*/
.tabhead
{
	margin-top:10px;
}
.tabhead a
{
	
	border-radius:5px 5px 0px 0px;
	border:#ddd solid 1px;
	background:#fff;
	padding:5px 10px;
	text-decoration:none;
	color:#333;	
}
.tabhead a:hover
{
background:#eee;
border-bottom-color:#eee;	
}
.tabhead a.active
{
	border-bottom-color:#fff;
}
.tabcontent
{
	border:#ddd solid 1px;
	padding:5px 10px;
	margin-top:3px;
	
}



.sidebar-menu a { font-size: 14px; }

/*-----------------------TAB STYLE END-------------------------------------------*/

.err_red{
    color: #ff0000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight:normal;
}

.welcome-text { border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; margin: 6px 0 15px; padding: 15px 0;}
.welcome-text span { display: block; font-size: 16px; font-weight: bold; margin-bottom: 6px;}
.welcome-text p { margin-bottom: 10px; font-size: 16px;}
.get-started-main { float: right !important;}
.get-started { text-align: center; float: right !important; width: 100%;}
.get-started .get-started-text { font-size: 32px; font-weight: bold;}
.get-started .get-started-text i { margin-right: 10px;}
.get-started .progress-main { font-size: 18px; margin-top: 10px;}
.get-started .progress-main .progress { margin: 10px auto 0; max-width: 200px; width: 100%; border-radius: 0; height: 15px !important;}
.get-started .progress-main > span { font-size: 16px; font-weight: bold; color: #9c9c9c;}

#add_address { margin: 20px 0 0 0; }
#add_address .row { margin-left: -10px; margin-right: -10px; }
#add_address input { width: 100%;}
#show_update_btn > a + a { margin: 0 0 0 10px;}
.patinet-name-top { margin: 15px 5px 0; font-size: 16px; }
#message { position: absolute; left: 0; right: 0; top: 5px; text-align: center;}
#message .deleted-successfully { width: 200px; margin: 0 auto; background-color: #fddada; padding: 10px; color: #ca5a5a;}
#message .save-successfully { width: 200px; margin: 0 auto; background-color: #daffcb; padding: 10px; color: #62a246;}


@media (max-width: 767px) {
    .get-started-main { float: none !important;}
    .get-started { margin: 10px 0 30px;}
    .get-started-table { clear: both;}
}