/**
 * LANBilling interface cascade styles
 *
 * Repository information:
 * $Date: 2009-06-18 14:23:53 $
 * $Revision: 1.6.2.6 $
 */

html, body { 
	margin: 0; 
	padding: 0;
}

html { 
	height:100%;
}

body { 
	font-size: 11px; 
	font-family:  Tahoma, Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #ffffff;
}

input, textarea, select, table, div, span, a { 
	font-size: 11px; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
}

select { 
	border: solid 1px #c0c0c0; 
	background-color:#F8F8F8; 
	padding: 1px; 
}

button { 
	border: 0; 
	background: transparent;
	vertical-align: middle; 
}

textarea { 
	margin:2px; 
}

a:link { 
	color: #b84500; 
	text-decoration: 
	underline;
}

a:visited { 
	color: #000000; 
	text-decoration: underline;
}

a:active { 
	color: #b84500; 
	text-decoration: underline;
}

a:hover { 
	color:#b84500; 
	text-decoration: underline;
}

ul.line {
	display: block;
	position: relative;
	padding: 0px;
}

.line li {
	display: inline;
	float: left;
	margin-left: 7px;
	padding: 0px;
}

.line span {
	display: block;
	padding-top: 3px;
}

ul.involume {
	padding: 0px;
	margin-left: 20px;
	text-align: left;
	list-style-position: outside;
	list-style-image: url('images/arrow-small-down-red.png');
}

ul.outvolume {
	padding: 0px;
	margin-left: 20px;
	text-align: left;
	list-style-position: outside;
	list-style-image: url('images/arrow-small-up-green.png');
}

/**
 * Common interface tables styles
 *
 */
table.table_comm {
	border: solid 1px #c0c0c0;
	background-color: white;
	border-right: none;
	border-bottom: none;
	empty-cells: show;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.table_comm .td_head, .table_comm .td_comm, .table_comm .td_padding_l7, .table_comm .td_bold, .table_comm .td_nobold, .table_comm .td_head_ext, .table_comm .td_pages {
	border: solid 1px #c0c0c0;
	border-left: none;
	border-top: none;
	height: 22px;
	padding:2px;
}

.table_comm .td_head { 
	background-color: #e0e0e0; 
	font-weight: bold; 
	text-align: center;
}

.table_comm .td_head_ext { 
	height: 24px !important;
	background: url(images/table_header.gif) repeat-x; 
	background-color: #e0e0e0; 
	font-weight: bold; 
	text-align: center;
}

.table_comm .td_bott { 
	border-bottom: solid 1px #c0c0c0;
}

.table_comm .td_leftborder { 
	border-left: solid 1px #c0c0c0;
}

.table_comm .td_noborder { 
	border: none; 
}

.table_comm .td_padding_l7 { 
	padding-left: 7px; 
}

.table_comm .td_bold { 
	font-weight: bold; 
}

.table_comm .td_nobold { 
	font-weight: normal !important;
}

.table_comm .td_15px { 
	font-size: 15px !important;
}

.table_comm .td_pages {
	color: #6d2e2e !important;
	background-color: #f9f0c6 !important;
	font-weight: bold;
	padding-left: 7px;
}

.table_comm .td_techinfo {
	background-color: #f9f0c6 !important;
}

div.detailed_service {
	float: left; 
	width: 350px; 
	padding: 4px;
	padding-left: 2px;
	margin-left: 8px;
	border: none;
}

.detailed_service p {
	float: left; 
}

ul.iplist {
	margin-left: 15px;
	float: left; 
}

ul.maclist {
	margin-left: 10px;
	float: left; 
}

ul.phonelist {
	margin-left: 10px;
	float: left; 
}

/**
 * Client interface menu styles
 *
 */
table.menu {
	color: white; 
	font-weight: bold; 
	text-align: center;
	border-top: solid 1px #6b1515;
}

.menu td {
	background: url(images/menu_back.gif);
	background-repeat: repeat-x;
	height: 22px;
	cursor: pointer;
	width: 17%;
}

.menu .menuactive {
	background: none;
	background-color: #f9f0c6;
	color: #6d2e2e;
}

.menu #menuconer_right {
	background: url(images/menu_right.gif);
	background-repeat: none;
	background-color: #ffffff;
	width: 4px;
}

.menu td.menuconer_rightActive {
	background: url(images/menu_right_on.gif) !important;
	background-color: #ffe8e9;
	width: 4px;
}

.menu #menuconer_left {
	background: url(images/menu_left.gif);
	background-repeat: none;
	background-color: #ffffff;
	width: 4px;
}

.menu td.menuconer_leftActive {
	background: url(images/menu_left_on.gif) !important;
	background-color: #ffe8e9;
	width: 4px;
}

/**
 * Simple tabmenu style construction
 *
 */
ul.tabmenu {
	display: block;
	position: relative;
	width: 750px;
}

.tabmenu li {
	display: inline;
	float: left;
	margin-left:2px; 
	height: 24px;
	overflow: hidden;
	cursor: pointer;
	z-index: 12;
	background: url(images/simplemenu.gif) no-repeat 0 0px;
}

.tabmenu div.tabmenu-block {
	padding-left: 4px;
	padding-right: 4px;
	background: url(images/simplemenu.gif) no-repeat right -25px;
}

.tabmenu span.tabmenu-center {
	display: block;
	border-top: solid 1px #c0c0c0;
	background: url(images/simplemenu.gif) repeat-x 0 -150px;
}

.tabmenu em.tabmenu-inner {
	display: block;
	overflow: hidden;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: #4d4d4d;
}

.tabmenu-item-over {
	background: url(images/simplemenu.gif) no-repeat 0 -50px !important;
}

.tabmenu-item-over div {
	background: url(images/simplemenu.gif) no-repeat right -75px !important;
}

.tabmenu-item-over span {
	background: url(images/simplemenu.gif) repeat-x 0 -175px !important;
}

.tabmenu-item-over em {
	color: black !important;
}

.tabmenu-item-select {
	background: url(images/simplemenu.gif) no-repeat 0 -100px !important;
	cursor: default !important;
}

.tabmenu-item-select div {
	background: url(images/simplemenu.gif) no-repeat right -125px !important;
}

.tabmenu-item-select span {
	background: url(images/simplemenu.gif) repeat-x 0 -200px !important;
}

.tabmenu-item-select em {
	color: black !important;
	font-weight: bold !important;
}

/**
 * ExtJS aditional classes
 *
 */
.ext-grid3-row-action-cell .x-grid3-cell-inner { padding: 1px 0 0 0; }
.ext-grid3-row-action-cell .x-grid3-cell-inner div { background-repeat:no-repeat; width:16px; height:16px; cursor:pointer; }
.ext-drop { background-image:url(images/delete.gif) !important; }
.ext-drop-dis { background-image:url(images/delete_grey.gif) !important; }
.ext-add { background-image:url(images/ext-add.gif) !important; }
.ext-search { background: url(images/search.gif) no-repeat 0 0 !important; }

.sbssTextArea {
	border: solid 1px black;
	width: 430px;
	height: 260px;
}