/* ------------------------------- */
/* Reset
/* ------------------------------- */

html, body, dy, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
form {display:inline;}
table {border-collapse:collapse; border:0; padding:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;	font-weight:normal;}
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%;	font-weight:normal;}
q:before, q:after {	content:''; }
abbr, acronym { border:0; }

/* ------------------------------- */
/* Clearfix
/* ------------------------------- */

.clearfix:after { content:"."; display:block; height:0;	clear:both;	visibility:hidden; }
.clearfix { display:inline-block;}
* html .clearfix { height:1%; }
* .clearfix { display:block; }

/* ------------------------------- */
/* HTML Elements
/* ------------------------------- */

body { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333; }
a { color:#93ae47; text-decoration:underline; }
a:hover { text-decoration:none }
label { font-weight: bold; margin-right: 4px; }
h1 { color:#688022;	font-weight:bold; font-size:14px; height:22px; }
h3 { margin: 0.5em 0; color: #445D0E; font-weight: bold; }
table td { padding:0; vertical-align:top; }

/* ------------------------------- */
/* Forms
/* ------------------------------- */

.form_error_field {	color:#ff0000; }
select, input, textarea { color:#333333; font-size:12px	font-weight: normal; }
input[type="radio"], input[type="checkbox"] {margin-right: 5px; vertical-align: middle;}

/* ------------------------------- */
/* Body
/* ------------------------------- */

.bold {font-weight: bold;}
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.black { color: #000; }
.content { width:950px;	height:100%;}
.body {	padding-left:30px; padding-top:20px; padding-bottom:20px;}
.debug1 { background: #ff0; }
.debug2 { background: #f00; }
.errors, .notices, .success { font-size: 12px; font-weight: bold; padding: .8em; margin-bottom: 1em; border: 1px solid #ddd; text-align: center; }
.errors { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notices { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.errors a { color: #D12F19; }
.notices a { color: #817134; }
.success a { color: #529214; }
.attention { font-style: italic; font-size: 10px; color: #484848; padding-left: 5px; }

div.left { float:left; }
div.right { float:right; }

.siteFrame { width:100%; height:100%; }

.bodyText { color:#333333; line-height:18px; font-size:11px; margin:0 }
.bodyText a { color:#93ae47; text-decoration:underline }
.bodyText a:hover {	color:#666666; text-decoration:none }

.bold { font-weight:bold; } 
.marginbottom { margin-bottom: 10px; }
.top { font-size: 10px; }
.hr { border-bottom: 1px dotted #93ae47; }

p { padding-bottom: 10px; font-size: 12px; line-height: 140%; }
p.image { font-size: 7pt; font-style: italic; text-align: center; padding-bottom: 6px; }
h2 { margin: 0.5em 0; color: #445D0E; font-weight: bold; }
h3 { color: #688022; font-size: 10pt; }
img.ex { border: 1px; border-style: dashed; border-color: #999; margin-bottom: 3px; }

.pane { padding-top: 15px; padding-left:10px; background-color: #fff; border-color: #93AE47; border-style:none solid solid solid; border-width:0px 1px 1px 1px; }

.scrollDiv {
	overflow:auto;
	width:auto;
	background-color:#fff;
	border:#93ae47 1px solid;
	border-top:0;
	padding:8px;
	clear:both;	
}

/*.tb { font-size: 12px; background: #fff;  padding: 10px; margin-bottom: 15px; border: 1px solid #93ae47; }
.tb table, .tb td { font-size: 12px; background: #fff; }
.tb td { padding: 0px 5px 12px 5px; }*/


/* 
kill 

.scrollText {
	color:#333333;
	font-size:11px;
}

.scrollText a {
	color:#93ae47;
	font-size:11px;
	text-decoration:underline
}
.scrollText a:hover {
	color:#666666;
	font-size:11px;
	text-decoration:none
}
*/

/* ------------------------------- */
/* Header
/* ------------------------------- */

.header { height: 85px;	background-image: url(../images/headerBg.gif); background-repeat: repeat-x;	border: #93ae47 1px solid; }
.header td.left { text-align:left; }
.header td.right { text-align:right; padding:10px 30px; }
.innerHeader { width:950px; }

.headerText { color:#333333; font-size:11px; text-align:right; height:20px }
.headerText a {	color:#93ae47; font-size:11px; text-decoration:underline; margin-right:15px }
.headerText a:hover { color:#93ae47; font-size:11px; text-decoration:underline;	margin-right:15px }
.headerHeading { color:#688022;	font-size:18px;	text-align:right; font-weight:normal; margin:0;	padding-top:20px; }

.subHeading { color:#688022; font-size:14px; font-weight:bold; margin:0; margin-top:0; margin-bottom:5px }

.greenBorder { border:#93ae47 1px solid; }
.greenBorderBody { border-left:#93ae47 1px solid;	border-right:#93ae47 1px solid;	margin:0;	padding:0; height:100%; }

.logo {	margin-left:16px; margin-top:7px; }

.lightGreenBox { background-color:#dee7c7; padding:10px; border:#93ae47 1px solid }

#section { padding:5px; }

/* ------------------------------- */
/* Auth/Login
/* ------------------------------- */

div#Login {	font-size:12px;	color:#333333; line-height:18px; padding-top:10px; }
div#Login p { padding-bottom:10px; }
div#Login table { font-size:12px; border:#999999 1px solid;	width:300px; margin-right:50px; }
div#Login table td { padding:15px;}
div#Login table td label { float:left; margin-top:2px; margin-bottom:15px; }
div#Login table td input { width:200px;	float: right; margin-bottom:15px }
div#Login div.text { width:320px; text-align:left; }

a.forgetPass { color:#70872f;	font-size:11px;	text-decoration:underline; }

/* ------------------------------- */
/* AJAXList
/* ------------------------------- */

#AJAXList table { font-size:10px; line-height:18px;	width:100%; }
#AJAXList td, #AJAXList th { border-top:1px solid #ccc;	border-bottom:1px solid #ccc;	padding:2px 1px 2px 1px; cursor:hand; cursor:pointer; }
#AJAXList th { font-size:11px; border-top:0; color:#688022;	font-weight:bold;	cursor:auto; }
#AJAXList tbody tr:hover { background-color:#ecebeb; }
#AJAXList tr.selected:hover {	background-color:#cccbcb; }
#AJAXList tr.selected {	background-color:#bcbbbb; }

/* ------------------------------- */
/* Contacts list
/* ------------------------------- */

#contacts_list td, #contacts_list th { font-size: medium;	padding: 0 5px; }
#contacts_list th {	font-weight: bold; }
#contacts_list .center { text-align: center; }
#contacts_div {	border: solid 1px green; padding: 10px 10px;}

/* ------------------------------- */
/* Forwarding
/* ------------------------------- */

div.sectionBox p { font-size:12px; }
div.sectionBox a { font-size:12px; }
div.sectionBox td {	padding:5px; font-size:12px; }
div.sectionBox input { margin-right:5px; font-size:12px; }
div.sectionBox p.bold {	font-weight:bold; }
div.sectionBox label { color:#688022;	font-weight:bold;	font-size:14px; }
div.sectionBox div { margin-top:7px; padding:15px 10px;	border:#93ae47 1px solid;	color:#000; } 
div.sectionBox.on label { font-weight:bold; }
div.sectionBox.on div {	background-color:#fff; }
div.sectionBox.on td { color:#000; }
div.sectionBox.off div { background-color:#dee7c7; color:#535746; }
div.sectionBox.off td { color:#888; }

div.notice p { font-size:12px; font-weight:bold; color:#900; line-height:1.5em; }
div.sectionBox.on .calendarScrollDiv { background-color:#fff; }
div.sectionBox.off .calendarScrollDiv {	background-color:#ddd; }

div.calendarScrollDiv { overflow:auto; padding:5px; }
td.calendarScrollDiv { border:#93ae47 1px solid; padding:5px; }
div#calendar table { margin:5px; font-size:12px; border:#999999 1px solid; }
div#calendar table th {	text-align:center; }
div#calendar table th, div#calendar table td { border:#999999 1px solid; padding:5px 10px; }
div#calendar table th { color:#fff; background:#688022;	font-weight:bold; }

div#formSubmit { margin-top:10px;  margin-bottom:4px }

table#treatments th { color: 445D0E; font-size: 12px; font-weight: bold; }

div#calendar table td.seq.blue { background-color:#b3eef9; }
div#calendar table td.seq.green { background-color:#c8db73; }

/* ------------------------------- */
/* Sequences
/* ------------------------------- */

table#sequences {	margin:5px;	font-size:11px;	border:#cccccc 1px solid;	width:420px;}
table#sequences th, table#sequences td { border:#999999 1px solid; padding:5px 10px;}
table#sequences th { color:#fff; background:#688022; font-weight:bold; }

/* ------------------------------- */
/* Navigation
/* ------------------------------- */

td.primaryNavArea {
	color:#fff;
	background:#93ae47 url(../images/navBg.gif) repeat-y;
	text-align:right;
	width:185px;
}

div.primaryNav {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	line-height:28px;
	height:30px;
	margin-top:10px;
	padding-left:35px;
	cursor:hand;
	cursor:pointer;
}

div.primaryNav.btOff {
	background:url(../images/primaryBtOff.gif) no-repeat top right;
}

div.primaryNav.btOn {
	background:url(../images/primaryBtOn.gif) no-repeat top right;
}

div.primaryNav.btActive {
	background:url(../images/primaryBtOn.gif) no-repeat top right;
}

.greenButton {
	color:#fff !important; 
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-color:#688022;
	border:#93ae47 1px solid;
	display:inline;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:12px;
	padding-right:12px;
	cursor:hand;
	cursor:pointer;
}

.greenButton:hover {
	color:#fff;
	background-color:#1d230e;
	border:#93ae47 1px solid;
}

.grayButton {
	color:#a6a6a6 !important; 
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-color:#d6d6d6;
	border:#a6a6a6 1px solid;
	display:inline;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:12px;
	padding-right:12px;
	cursor:default;
}


.tabArea {
	cell-spacing: 0;
	border-collapse: collapse;
}

.tabArea .tab{
	border-left:#93ae47 1px solid;
	border-top:#93ae47 1px solid;
	border-right:#93ae47 1px solid;
}

.tabArea .off {
	background-color:#688022;
	display: inline-block;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	/*border-bottom:#93ae47 1px solid;*/
}
.tabArea .off a {
    color:#ffffff;
    font-size:12px;
	font-weight:bold;
    text-align:center;
    text-decoration:none;
}

.tabArea .off:hover {
	background-color:#1d230e;
}

.tabArea .active {
	background-color:#ffffff;
	display: inline-block;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	/*border-bottom: #ffffff 1px solid;*/
}

.tabArea .active a {
    color:#688022;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
}

.tabArea .divider {
 background-image:url(../images/greenBlock.gif);
 background-repeat:repeat-x;
 background-position:bottom;

}

.tabArea .filler {
 background-image:url(../images/greenBlock.gif);
 background-repeat:repeat-x;
 background-position:bottom;
 padding: 0;
 width:100%
}

.backToTop {
	color:#93ae47;
	font-weight:normal;
	font-size:11px;
	text-align:right;
	width:535px;
	margin-bottom:40px
}

.backToTop a {
	color:#93ae47;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline
}

.backToTop a:hover {
	color:#93ae47;
	font-size:11px;
	font-weight:normal;
	text-decoration:none
}

/* Forwarding */

#overrideWrapper { padding-top: 15px; padding-bottom: 15px; padding-left:10px; border-color: #93AE47; border-style:solid none solid none; border-width:1px 1px 1px 1px; }

#forwarding_pane { width: 678px; font-size: 12px; }
html>body #forwarding_pane { width: auto; }
#forwarding_pane { padding-top: 15px; padding-left:10px; padding-right: 10px; background-color: white; border-color: #93AE47; border-style:none solid solid solid; border-width:0px 1px 1px 1px; }


#forwarding_options { padding-bottom: 15px; }
#forwarding_options li {padding: 15px 0; }

.clickable { cursor: pointer; color: #93ae47; text-decoration: underline;	}

.tabsControl { margin: 5px 0 0px 0; padding: 6px 0 0 0; height: 20px;}
.tabsControl li { display: inline; padding: 6px 10px; font-size: 12px; font-weight: bold; }
.tabsControl .tab { background-color: #6e6e6e; color: #fff; text-decoration: none;	}
.tabsControl .tab_selected { background-color: #d1d1d1; color: #535746;	} 
.tabPage {	background-color: #d1d1d1; height: 20px; margin-bottom: 15px;	border-top: 1px dotted #fff; }

/* My Numbers */
/* the dialog action message "Would you like to commit these changes?" */
#message { font-size: 13px; font-weight: bold; line-height: 110%; padding-top: 15px; }

#my_numbers {  }

/* dialog box styles */
/* #defaultChangedNotice is the div that says "This change will affect your override forwarding default setting" */
/* .changes are ul tags with li tags containing data on what has been changed */
.changes, #defaultChangedNotice {
list-style-type: none;
padding: 5px 0 10px 0;
}
.changes ul { margin-top: 10px; }

#defaultChangedNotice {}
.sectionDescription { }

/* ------------------------------- */
/* ComSchedule
/* ------------------------------- */
#calendarContainer { width: 700px;}

#calendarWrapper { position: relative; height: 1171px; background: url('/myphone/smarty/template/images/bg_calendar.gif'); border-color: #93AE47; border-style:none solid solid; border-width:0 1px 0px;}
#calendarWrapper a, #calendarWrapper a:visited; { color: #fff; text-decoration: none;}
#formWrapper { display:none; position: relative; height: 535px; background-color: white; border-color: #93AE47; border-style:none solid solid; border-width:0 1px 1px;}
#highlighter { color: blue; position: absolute; float: left; }

#calendarWrapper .thickbox { color:white; font-weight:bold; font-size: 9px; text-decoration: none;}

#add_sequence {text-decoration: none;}

#infoWrapper { padding: 15px; background-color: white; border-color: #93AE47; border-style:none solid none; border-width:1px 1px 1px; font-size: 12px; }
#infoText { height: 25px; text-align:center; padding-top: 15px; border-color: #93AE47; border-style:solid none solid; border-width:1px 1px 1px; font-weight: bold; }

.tod_setting { position: absolute; float: left; width:91px; margin-top: 1px; } 

.buttonSet { padding: 15px 0 15px 10px; background: #dee7c7; border-bottom: 1px solid #93ae47; border-top: 1px solid #93ae47; margin-bottom: 20px; margin-top: 2px; }

.sectionHeading { font-weight: bold; font-size: 14px; color: #688022; padding-bottom: 8px; } 

/* .addTreatment { padding: 0 0 15px 20px; font-weight: bold; background: url(../images/icon_add.gif) no-repeat;} */
.addTreatment {  float:right; text-align: right; padding: 2px 0 15px 20px; font-weight: bold; background: url(../images/icon_add.gif) no-repeat; vertical-align: top;}
.disableAddTreatment {  float: right; text-align: right; padding: 2px 0 15px 20px; font-weight: bold; background: url(../images/icon_add_disabled.gif) no-repeat; vertical-align: top; color: gray;}
.delTreatment {  float:right; text-align: right; padding: 2px 0 15px 20px; font-weight: bold; background: url(../images/icon_del.gif) no-repeat;}

#treatmentName { margin-bottom: 15px; }
table.treatments { width: 100%;	font-size: 12px; }
table.treatment {	width: 100%; font-size: 12px; }
table.treatments th { padding: 4px; font-size: 11px; font-weight: bold; border-bottom: solid 2px #ccc; color: #688022; }
table.treatments td { padding: 4px; border-top: solid 1px #ccc; vertical-align: middle; }

#workspace { margin-bottom: 20px; }

/* the column along the left side (all, other, family, friends, or vips) */
table#treatment td.groupName { color: #f00; text-align:left; font-weight: bold; }

.warning { font-size: small; padding: 10px;}


/* ------------------------------- */
/* Footer
/* ------------------------------- */

.footer {	height:40px; background-image:url(../images/footerBg.gif); background-repeat:repeat-x; border-left:#93ae47 1px solid;	border-right:#93ae47 1px solid; }
.footer table {	width:950px; }
.footerText.left { text-align:left; }
.footerText.right { text-align:right;}
.footerText { color:#333333; font-size:11px; text-decoration:none; padding-left:15px; padding-top:12px; }
.footerText a { color:#93ae47; text-decoration:underline; margin-left:5px; margin-right:5px; }
.footerText a:hover { text-decoration:none }
.footerLinkActive {	color:#93ae47; font-size:11px; text-decoration:none; margin-left:5px; margin-right:5px }