/* ========================================================= */
/* = Override the fieldset properties in base.css line 644 = */
/* ========================================================= */
fieldset {
	border: none;
	padding: 0;
	margin: 0;
	background: none;
	zoom: 1;
	position: relative;
}
fieldset div {
	margin: 0;margin-bottom: 3px;
	padding: 0;
	overflow: visible;
	overflow: hidden;
	zoom: 1;
}
fieldset legend  {
	background: none;
	padding: 0 !important;
	margin: 0 !important;
	padding: 0;
	}
fieldset legend span {
	display: block;
	position: absolute;
		left: 19px;
		_left: 10px;
		top: -20px;
	padding:2px 6px 1px;
	background: #fff;z-index:200;
	}
fieldset .box-wrap-inner {
	padding-top: 4px !important;
	_padding-top: 0px !important;
	}
fieldset ul.list {
	margin-bottom: 0;
	}
fieldset form {
	margin-bottom: 8px;
}	
fieldset ul.top {
	margin-bottom: 8px;
}	
form {
	overflow: visible; /*base.css (line 640)*/
}


/* ============ */
/* = Grey box = */
/* ============ */

.box-grey,
.box-grey .box-wrap-outer,
.box-grey .box-wrap,
.box-grey .box-wrap-inner {
	background: url(../images/call_center/box_grey.gif) no-repeat 100% 0;
}
/* =========== */
/* = Tan box = */
/* =========== */
.box-tan,
.box-tan .box-wrap-outer,
.box-tan .box-wrap,
.box-tan .box-wrap-inner {
	background: url(../images/call_center/box_tan.gif) no-repeat 100% 0;
}
.hover,
.hover .box-wrap-outer,
.hover .box-wrap,
.hover .box-wrap-inner {
	background: url(../images/call_center/box_white.gif) no-repeat 100% 0;
}
/* ==================== */
/* = Script Block box = */
/* ==================== */
.box-script,
.box-script .box-wrap-outer,
.box-script .box-wrap,
.box-script .box-wrap-inner {
	background: url(../images/call_center/script_block_bg.gif) no-repeat 100% 0;
}
.block-hover,
.block-hover .box-wrap-outer,
.block-hover .box-wrap,
.block-hover .box-wrap-inner {
	background: url(../images/call_center/script_block_white_bg.gif) no-repeat 100% 0;
}

/* ============= */
/* = White box = */
/* ============= */
.box-white,
.box-white .box-wrap-outer,
.box-white .box-wrap,
.box-white .box-wrap-inner {
	background: url(../images/call_center/box_white.gif) no-repeat 100% 0;
}


.box {
	padding-right: 30px;
	margin-bottom: 5px;
	position: relative;
	}
.box .box-wrap-outer {
	background-position: 0 0;
	padding: 13px 0 0 0;
	overflow:visible;
	margin-bottom: 0;
	overflow: visible;
}
.box-grey .box-wrap-outer {
	padding: 19px 0 0 0;
	overflow: visible;
}
.box .box-wrap {
	background-position: 100% 100%;
	margin-right: -30px;
	padding: 0 30px 0 0;
	margin-bottom: 0;
	overflow: visible;
}
.box .box-wrap-inner {
	background-position: 0 100%;
	padding: 0 0 20px 24px;
	margin-bottom: 0;
	overflow: visible;
}
.box .box-wrap-inner:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
}

/* ================================= */
/* = Left side Stats bar overrides = */
/* ================================= */

div.stats div.box-wrap {
	padding-right: 20px;
}
div.stats div.box-wrap-inner {
	padding-left: 16px;
	padding-bottom: 12px;
}
div.stats div.box-wrap-outer {
	padding-top: 10px;
}
div.stats img.browser {
	position: relative;
	top: 1px !important;
	margin-right: 1px;
/*	width: 11px !important;
	height: 13px !important;*/
}

/* ================== */
/* = Script Buttons = */
/* ================== */

.script-button {
	font: 16px Arial;
	text-align:center;
	color:#333;
	text-transform:uppercase;
	cursor: pointer;
	margin-bottom: 3px;
	}
.script-button .box-wrap {padding: 0 18px 0 0 !important;}
.script-button .box-wrap-inner {padding: 0 0 16px 15px !important;}
.highlight {
	background: url(../images/call_center/button_highlight.png) no-repeat;
	position: absolute;
	top: -2px;
	left: 2px;
	z-index: 20;
	height: 53px;
	width: 146px;
	}
.hover .highlight {display:none;}
.hover {color: #961B1E;}

/* ====================== */
/* = Left Button column = */
/* ====================== */

#script-buttons {
	width:150px;
	float:left;
	margin-right: 10px;
	}
	
/* =========== */
/* = Buttons = */
/* =========== */
.button-add,
.button-add .button-wrap-outer,
.button-add .button-wrap,
.button-add .button-wrap-inner {
	background: url(../images/call_center/add_button.gif) no-repeat 100% 0;
}
.button-hover,
.button-hover .button-wrap-outer,
.button-hover .button-wrap,
.button-hover .button-wrap-inner {
	background: url(../images/call_center/add_button.gif) no-repeat 100% 0;
}
.button {
	padding-right: 10px;
	position:relative;
	}
.button .button-wrap-outer {
	background-position: 0 0;
	padding: 13px 0 0 0;
}
.button-grey .button-wrap-outer {
	padding: 19px 0 0 0;
}
.button .button-wrap {
	background-position: 100% 100%;
	margin-right: -10px;
	padding: 0 10px 0 0;
}
.button .button-wrap-inner {
	background-position: 0 100%;
	padding: 0 0 10px 24px;
}


/* ======================= */
/* = Main Content column = */
/* ======================= */

#main-content {
	width: 485px;
	float: left;
}
#main-content h3 {
	color: #666;
	margin: 0 0 10px;
}

/* ================= */
/* = Script Blocks = */
/* ================= */

.script-block {
	/*background: #F4F2E9;
		padding: 15px;
		border: 1px solid #ccc;*/
	position: relative;
}
.script-block label {
	display: block;
	font-weight: bold;
	margin: 3px 0;
	color: #666;
}
.script-block input,
.script-block textarea {
	border: 1px solid #ddd;
	padding: 2px 5px;
	font: 12px Verdana;
	width: 325px;
}
.script-block input:focus,
.script-block textarea:focus {
	border: 1px solid #bbb;/*	border: 2px solid #8fc8fc;*/
	background: url(../images/call_center/field_bg.gif) no-repeat 0 0;
}
.script-block input {
	width: 325px;
}
.script-block textarea {

	}
.script-block .box-wrap-inner {
	padding-left: 120px;
}


/* ========================================================= */
/* = input areas for non-script-block portions of the site = */
/* ========================================================= */
input.inline,
textarea.inline {
	border: 1px solid #ccc;
	border-top: 1px solid #666;
	padding: 2px 5px;
	width: 159px;
	font: 12px Verdana;
	background: url(../images/call_center/field_normal_bg.gif) no-repeat 0 0 !important;
}
body#call_center textarea.inline {
	width: 448px;
}
input.inline:focus,
textarea.inline:focus {
	border: 1px solid #aaa !important;
	border-color: #666 #bbb #bbb #666 !important;
	background: url(../images/call_center/field_bg.gif) no-repeat 0 0 !important;
}


.letter-question {
	position: absolute;
	left: 4px;
	top: 3px;
	background: url(../images/call_center/question_overlay_130x142.png) no-repeat;
	z-index: 20;
	width: 130px;
	height: 142px;
}
.letter-statement {
	position: absolute;
	left: 4px;
	top: 3px;
	background: url(../images/call_center/statement_overlay_130x142.png) no-repeat;
	z-index: 20;
	width: 130px;
	height: 142px;
}
.letter-start {
	position: absolute;
	left: 4px;
	top: 3px;
	background: url(../images/call_center/start_overlay_130x142.png) no-repeat;
	z-index: 20;
	width: 130px;
	height: 142px;
}

.script-block .close-box {
	position: absolute;
	right: -2px;
	top: -8px;
	z-index: 20;
	background: url(../images/call_center/close_button_35x33.png) no-repeat;
	width: 35px;
	height: 33px;
	cursor: pointer;
}
.script-block .close-box:hover {
	background-image: url(../images/call_center/close_button_hover_35x33.png);
}

div.add-new-answer {
	background: url(../images/call_center/add_new_answer_173x66.gif) no-repeat;
	width: 173px;
	height: 33px;
	cursor: pointer;
	margin: 6px 0 0;
}
div.add-new-answer:hover {
	background-position: 0 -33px;
}

div.answer-wrap {
	position: relative;
	padding-left: 30px;
	margin-left: -30px;
}
div.delete {
	background: url(../images/call_center/delete_button_normal_23x23.png) no-repeat;
	width: 23px;
	height: 23px;
	position: absolute;
	left: 0px;
	top: 21px;
	z-index: 20px;
	cursor: pointer;
}
div.delete:hover {
	background-image: url(../images/call_center/delete_button_hover_23x23.png);
}

.answer-wrap {
	overflow: hidden;
	margin-bottom: 2px;
}
.answer-wrap .answer {
	width: 156px;
	float: left;
	margin-right: 20px;
	}
.answer-wrap .link-to {
	width: 140px;
	float: left;
	}
.answer-wrap .link-to {
	display: inline;
}
.answer-wrap .link-to select {
	width: 156px;
}

select.statement-link {
	width: 156px;
}

/* ================================================== */
/* = Highlight the left nav for script creator page = */
/* ================================================== */

body#script-creator li#script-creator a {
	color: #961B1E;
}
body#script-creator li#call-center ul {
	display: block;
}

/*fieldset#caller-search-results legend {
	margin-bottom: 10px;
	margin-left: 0;
	border: 0;
}*/

/* ================= */
/* = Model Dialogs = */
/* ================= */

.modal {
	background-color:#fff;
	display:none;
	width:350px;
	padding:15px;
	text-align:left;
	border:2px solid #961B1E;
	z-index: 1000;
	opacity:0.7;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}

.modal h2 {
	background:url(../images/call_center/info.png) 0 50% no-repeat;
	margin: 0 0 3px;
	padding: 10px 0 10px 45px;
	border-bottom: 1px solid #333;
	font-size: 20px;
}