/** GENERAL DOCUMENT STYLES **/

html {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	margin: 0px;
}

body {
	/*background: #FFFFFF url(../images/plumbg.gif) no-repeat;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	margin: 0px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #445978;
	font-weight: 600;
	margin-top: 5px;
	margin-bottom: 5px;
}

h2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #445978;
	font-weight: 600;
	margin-top: 5px;
	margin-bottom: 5px;
}


h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #445978;
	font-weight: 600;
	margin-top: 5px;
	margin-bottom: 5px;
}

h3 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #445978;
	font-weight: 600;
	margin-top: 5px;
	margin-bottom: 5px;
}

a {
	color: #445978;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

pre {
	font-family: Monospace;
	font-size: 12px;
	color: #333333;
	margin: 0px;
}

img {
	vertical-align: top;
}


/** FORM STYLES **/

form {
	margin: 0px;
}

label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}

label.nostyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}

input, textarea, .default {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #D4D4D4;
	color: #333333;
	background-color: #FFFFFF;
	vertical-align: middle;
	padding: 1px;
	margin: 0px;
}

input.button {
	padding: 1px;
}

input.highlight, textarea.highlight, .highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #D4D4D4;
	color: #333333;
	background-color: #FFFFBB;
	padding: 2px;
	margin: 0px;
	vertical-align: middle;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #D4D4D4;
	color: #333333;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 1px;
	margin: 0px;
	vertical-align: middle;
}

input:disabled, textarea:disabled, select:disabled, .disabled {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #D4D4D4;
	color: #333333;
	background-color: #DDDDDD;
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
	padding: 2px;
	margin: 0px;
}

select:disabled {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #D4D4D4;
	color: #333333;
	background-color: #DDDDDD;
	vertical-align: middle;
	padding: 1px;
	margin: 0px;
}

input.nostyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: transparent;
	border: transparent;
	vertical-align: middle;
	padding: 2px;
	margin: 0px;
}

input.badinput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #D4D4D4;
	color: #FFFFFF;
	background: #FF8888;
	vertical-align: middle;
	padding: 2px;
	margin: 0px;
}

hr {
	border: 0;
	color: #D4D4D4;
	background-color: #D4D4D4;
	height: 1px;
}


/** FIELDSET STYLES **/

fieldset {
	border: 1px solid #551C54;
	padding: 0px 10px 10px 10px;
	margin-top: 20px;
}


/** TABLE STYLES **/

table {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	margin: 0px;
	empty-cells: show;
	vertical-align: top;
}

td {
	padding: 0px 2px 1px 2px;
}

td.fixedwidth {
	font-family: Monospace;
	font-size: 13px;
}

table.list {
	border-right: 1px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4;
	border-collapse: collapse;
	empty-cells: show;
	background-color: #FFFFFF;
}

table.list tr.even {
	background-color: #FFFFFF;
}

table.list tr.odd {
	background-color: #F5F5F5;
}

table.list th {
	background: #371078;/* url(../images/tableheaderbg.gif) repeat-x;*/
	border-top: 1px solid #D4D4D4;
	border-left: 1px solid #D4D4D4;
	color: #FFFFFF;
	padding: 4px 10px 4px 10px;
	font-size: 13px;
	font-weight: bold;
}

table.list td {
	border-top: 1px solid #D4D4D4;
	border-left: 1px solid #D4D4D4;
	padding: 3px 10px 3px 10px;
}

table.list td.fixedwidth {
	border-top: 1px solid #D4D4D4;
	border-left: 1px solid #D4D4D4;
	padding: 3px 10px 3px 10px;
	font-family: Courier, Monospace;
	font-size: 13px;
}

table.list a {
	text-decoration: none;
}


/* LIVE CALL LOGS VIEW */
#recentcalls_wrapper {
	width:840px;
	margin: 15px 0;
}

#recentcalls_wrapper .ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 20px;
}

#recentcalls {
	border: 1px solid #D4D4D4;
	border-collapse: collapse;
}

#recentcalls td {
	padding: 4px 10px;
	text-align: center;
	border: 1px solid #D4D4D4;
        white-space: nowrap;
        font-family: Courier, Monospace;
}

#recentcalls tr.odd td {
	background:#FFFFFF;
}

#recentcalls tr.even td {
	background: #F5F5F5;
}

#recentcalls tr.odd td.sorting_1 {
	background:#F8F3FC;
}

#recentcalls tr.even td.sorting_1 {
	background: #EADCF5;
}


/** DIV BOXING STYLES **/

.bounded_box {
	border: 1px solid #D4D4D4;
	padding: 10px 10px 8px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.shaded_bounded_box {
	border: 1px solid #D4D4D4;
	background-color: #F5F5F5;
	margin-top: 10px;
	margin-bottom: 10px;
}

.gray_bounded_box {
	border: 1px solid #D4D4D4;
	background-color: #F6F6F6;
	margin-top: 10px;
	margin-bottom: 10px;
}

.white_bounded_box {
	border: 1px solid #D4D4D4;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
}

.codeblock {
	border: 1px solid #D4D4D4;
	background-color: #F5F5F5;
	margin: 10px;
	padding: 10px;
}


/** MEUN STYLES **/

.topmenu {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFFFFF;
}

.topmenu A {
	text-decoration: none;
	color: #FFFFFF;
}



/** TREE VIEW STYLES **/
.treejoin {
	background: url(../images/join.gif) no-repeat;
	padding: 2px 0px 0px 15px;
	margin-top: 2px;
}

.treejoinbottom {
	background: url(../images/joinbottom.gif) no-repeat;
	padding: 2px 0px 0px 15px;
	margin-top: 2px;
}


/** DOCUMENTATION STYLES **/
.tabs {
	margin: 10px 10px 30px 10px;
}

.tabs ul {
	float: left;
	width: 500px;
	padding: 0;
	margin: 0;
}

.tabs ul li {
	padding: 5px 10px;
	list-style: none;
	display: inline;
	margin-bottom: -1px;
	border-top: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4;
	background: #fff;
}

.tabs ul li:first-child {
	border-left: 1px solid #D4D4D4;
}

.tabs ul li, .tabs ul li a {
	float: left;
	text-decoration: none;
}

.tabs ul li.active {
	background-color: #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
}

.tabs ul li.active a {
	color: #333333;
}

.tabs div {
	clear: both;
	min-height: 100px;
	border: 1px solid #D4D4D4;
	background-color: #F5F5F5;
	padding: 10px;
	
}


/** ALTERNATE DISPLAY TEXT STYLES **/

.fixedwidth {
	font-family: Monospace;
	font-size: 12px;
	color: #333333;
}

.errormessage {
	font-weight: bold;
	font-size: 13px;
	color: #FF0000;
}

.message {
	font-weight: bold;
	font-size: 13px;
	color: #0000DD;
}

.event {
	color: #000000;
	font-size: 12px;
}

.debug {
	color: #009900;
	font-size: 12px;
}

.error {
	color: #FFFFFF;
	background-color: #FF0000;
	font-weight: bold;
	font-size: 12px;
}

.log {
	color: #FFFFFF;
	background-color: #00AA00;
	font-weight: bold;
	font-size: 12px;
}

.vxml {
	background-color: #FFFF99;
	font-family: Monospace;
	font-weight: bold;
	font-size: 12px;
}

.note {
	color: #888888;
	font-size: 11px;
}

#sms_paging {
	float: right;
	display: inline-block;
	margin-top: 3px;
}

#sms_paging a {
	font-weight: normal;
	text-decoration: none;
	font-size: 14px;
}

#tooltip {
	position: absolute;
	display: none;
	border: 1px solid #865C8B;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #000;
	padding: 3px 5px;
	background-color: #EEE7EF;
	opacity: 0.80;
}

#current-calls-chart {
	margin-bottom: 20px;
}

#current-calls-chart .bar {
	background-color: #666;
	color: #FFF;
	text-align: right;
	padding: 0 3px;
}

.datetimefilter label {
	display: inline-block;
	margin-top: 4px;
	vertical-align: top;
}

.datetimefilter .input-append {
	margin-bottom: 0px;
	margin-right: 20px;
}

#waiting img {
	padding: 9px 0 0 2px;
}

h3 #waiting img {
	padding-top: 12px;
}

.datetimefilter #waiting img {
	padding-top: 6px;
}

#current_certificate {
	display: inline-block;
	padding-top: 8px;
}