/* ################################################################# */
/* # OutReach main style sheet                       	           # */
/* # Author: Oskar Nijs - onijs@sandvine.com                       # */
/* ################################################################# */
html {
	overflow-y: scroll; /* firefox vertical scrollbar fix */
}
body{
	background-color: #d5d5d5;
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}
form {
	padding:0;
	margin:0;
}
#header_bg {
	position:relative;
	background-color: #000;
    background: url("/auth/img/topbar-bg.png") top left no-repeat, url("/auth/img/topbar-bg-repeat.png") top left repeat-x;
    height: 54px;
}
#header {
	position:relative;
	min-width:980px;
	height:54px;
	margin:0px;
	padding:0px;
}
#main_content{
	min-width:1000px;
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
#site_toolbar_wrapper {
	overflow: hidden;
	padding: 2px 6px 3px 5px;
	min-width: 980px;
	max-width:1090px;
	margin-left:auto;
	margin-right:auto;
}
#footer {
	border-top:1px solid #c0c0c0;
	text-align: center;
	color: #808080;
	background: #cccccc;
	min-width: 980px;
	max-width:1084px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	padding: 3px;
}
/* MAIN CONTENT COLUMNS */
#page_nav_wrapper{
	float:left;
	clear:left;
	margin-left:5px;
}
#page_wrapper {
	margin-left:250px;
	margin-right:251px;
	background-color:#ffffff;
}
#sub_page_wrapper {
	border-top:0;
	margin-left:5px;
	margin-right:5px;
	min-height:540px;
	background-color:#ffffff;
}
/* END MAIN CONTENT COLUMNS */

#ext_toolbar_right {
	margin-left:5px;
	margin-right:2px;
	float:right;
	margin-top:9px;
}
#site_toolbar_right {
	float:right;
}
#site_toolbar_left {
	float:left;
}
#logo{
	position:absolute;
	left:5px;
	top:4px;
	float:left;
}
#site_info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 2px;
	margin-left: 10px;
	float: left;
	color: #7a7a7a;
}
#site_info a{
	text-decoration:none;
	color: #7a7a7a;
}
#main_tabs {
	margin-left:168px;
	margin-top:20px;
}
#copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
#last_publish_date {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
a.lpd {
	text-decoration:none;
	color:#808080;
}
/* ############################# START PAGE NAV */
#page_nav_header{
	background:#b0b0b0 url('/auth/img/bg_sub-header.gif');
	width:240px;
	text-align:center;
}
#page_nav_toolbar{
	background:#cacaca;
	width: 238px;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	border-left:1px solid #b5b5b5;
	border-right:1px solid #b5b5b5;
}
#page_nav {
	overflow:auto;
	background:#efefef;
	border:1px solid #b5b5b5;
	border-top:0;
	width:238px;
	height:510px;
	float:left;
	padding:0;
	margin:0;
}
.page_nav_item {
	background: #efefef;
	border-top:1px solid #d5d5d5;
	padding: 1px;
	clear:left;
}
.page_nav_item:hover {
	background:#c0c0c0;
}
.page_nav_item_sel {
	background: #86aef2;
	padding: 1px;
}
.page_nav_icon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:14px;
	float:left;
	padding-top:1px;
}
a.page_nav_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	display:block;
	margin-left:15px;
	text-decoration:none;
}

/* ################################ START PAGE */
#page_header{
	background:#b0b0b0 url('/auth/img/bg_sub-header.gif');
	text-align:center;
}
#page_toolbar {
	background:#cacaca;
	padding-top:2px;
	padding-bottom:2px;
	border-left:1px solid #b5b5b5;
	border-right:1px solid #b5b5b5;
}
#page {
	/*background-color:#ffffff;*/
	padding:2px;
	padding-top:5px;
	padding-bottom:10px;
	min-height:530px;
	border:1px solid #b5b5b5;
	border-top:0;
	text-align:center;
}
#widgets {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	max-width:512px;
}
.display_widget{
	overflow:auto;
	background-color:#f5f5f5;
	padding:2px;
	margin:2px;
	margin-bottom:2px;
	border:1px solid #e5e5e5;
}
.widget_tools, .widget_rules, .widget_billing, .widget_tool, .display_widget_order, .widget_select, .display_widget_icon, .display_widget_widget, .widget_tool_follow-link{
	float:left;
}
.display_widget_widget{
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:245px;
	overflow:hidden;
}
.widget_tool_follow-link{
	width:20px;
}
.display_widget_order {
	margin-left:3px;
	margin-top:1px;
}
.display_widget_select_order{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:44px;
	background:#e5e5e5;
}
.widget_actions{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:auto;
	background:#e5e5e5;
	padding:2px;
	padding-top:4px;
	padding-bottom:4px;
	margin:2px;
	margin-top:8px;
	margin-bottom:3px;
	max-width:512px;
	/*clear:both;*/
	border:1px solid #c0c0c0;
}
b.fakelink{
	text-decoration:underline;
	font-weight:normal;
	vertical-align:top;
}
img.fakebullet{
	vertical-align:top;
}
/* ############################# START SELECTION PAGES e.g. import / delete pages */
#page_select_item {
	font-size:12px;
	background:#ffffff;
	min-height:540px;
	border:1px solid #b5b5b5;
	border-top:0;
	text-align:left;
	padding:5px;
}
/* ############################# Sub pages */
#page_sub {
	font-size:12px;
	background:#ffffff;
	min-height:500px;
	border:1px solid #b5b5b5;
	border-top:0;
	text-align:left;
	padding:5px;
}

/* ############################# START PAGE SETTINGS */
#page_form_wrapper {
	float:right;
	clear:right;
	margin-right:5px;
}
#page_settings_header{
	background:#b0b0b0 url('/auth/img/bg_sub-header.gif');
	width:241px;
	text-align:center;
}
#page_form{
	background:#cacaca;
	border:1px solid #b5b5b5;
	border-top:0;
	padding: 0;
}
.page_inputs{
	margin: 0;
	padding:0;
	overflow: hidden;
	width:234px;
	margin-left:2px;
	margin-right:2px;
}
.page_input_label{
	font-size: 11px;
	padding: 2px 1px 1px 1px;
	font-weight:bold;
	color:#000000;
}
.page_input{
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
	border: 1px solid #c0c0c0;
	font-size: 11px;
	padding: 1px;
	margin:1px;
	width: 224px;
}
.page_input_select{
	background: #ffffff;
	border:1px solid #c0c0c0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:1px;
	margin:1px;
	width:228px;
}
.page_input_textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #ffffff;
	border: 1px solid #c0c0c0;
	padding: 1px;
	margin: 1px;
	width: 224px;
}
.page_input_select option{
	background:#ffffff;
}

/* start color input selectionbox */
.colors {
	overflow: hidden;
	margin:0;
	padding:1px;
}
.color{
	width:74px;
	float:left;
	padding:1px;
	margin:0;
}
.color_select {
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 2px;
	width:70px;
	background-color:#ffffff;
	/*background-color: #c0c0c0;*/
	border: 1px solid #000;
	text-align: center;
	float: left;
	letter-spacing: 1px;
}
.color_input{
	font-family: Arial, Helvetica, sans-serif;
	background:#ffffff;
	border:1px solid #c0c0c0;
	font-size: 11px;
	padding:1px;
	margin:0;
	width:68px;
}
a.color_link{
	display:block;
	padding:2px;
	text-decoration:none;
	color:#000;
}
a.color_link_link {
	display:block;
	padding:2px;
	text-decoration:none;
	color:#00d;
}
/* end color input selection box */
/* ################################ END PAGE INPUT */

/* ################################ edit widgets screen */
.ew_main {
	width:620px;
	background:#eaeaea;
	border: 1px solid #c0c0c0;
}
.ew_help {
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	border:1px solid #5371a5;
	background-color:#92baff;
	margin-bottom:5px;
}
.ew_chunk {
	overflow:auto;
	clear:both;
	margin-bottom:2px;
	padding-bottom:2px;
	border-bottom:1px solid #e5e5e5;
}
.ew_label{
	float:left;
	font-size:11px;
	width:110px;
	padding:3px;
	margin:0;
	font-weight:bold;
	color:#000000;
	text-align:right;
}
.ew_contentbox1{
	float:left;
	font-size:11px;
	width:440px;
	padding:0px;
	text-align:left;
	/*border:1px solid #000000;*/
}
.ew_text{
	float:left;
	font-size: 11px;
	width:250px;
	padding:3px;
	text-align:left;
}
.ew_textarea {
	float:left;
	width:460px;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	border:1px solid #c0c0c0;
}
.ew_buttons{
	float:left;
	font-size:11px;
	padding-left:10px;
}
.ew_imagebrowser_image{
	float:left;
	font-size: 11px;
	width:250px;
	padding:3px;
	text-align:center;
	background:#e5e5e5;
}
.ew_input{
	float:left;
	font-size:11px;
	width:250px;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	padding:2px;
	margin:0px;
	border:1px solid #c0c0c0;
}
.ew_select{
	float:left;
	font-size:11px;
	width:256px;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	padding:0px;
	margin:0px;
	border:1px solid #c0c0c0;
}
.ew_save_cancel {
	width:620px;
	background-color:#cacaca;
	padding:2px 1px 2px 1px;
	border-bottom: 1px solid #c0c0c0;
	text-align:center;
	vertical-align:bottom;
}
.ew_section_box{
	overflow:auto;
	border:1px solid #c0c0c0;
	padding:4px;
	margin:5px 4px 5px 4px;
	background:#ffffff;
	-moz-border-radius: 8px; /* firefox rounded corners */
	-webkit-border-radius: 8px; /* chrome, safari rounded corners */
}
.ew_color_select {
	font-size:10px;
	padding:0px;
	margin:0px 3px 0px 0px;
	/*background-color: #c0c0c0;*/
	background-color:#fff;
	border:1px solid #000;
	float:left;
}
.ew_color_select_link {
	font-size:10px;
	padding:0px;
	margin:0px 3px 0px 0px;
	/*background-color: #c0c0c0;*/
	background-color:#00f;
	border:1px solid #000;
	float:left;
}
.ew_color_select_font {
	font-size:10px;
	padding:0px;
	margin:0px 3px 0px 0px;
	/*background-color: #c0c0c0;*/
	background-color:#000;
	border:1px solid #000;
	float:left;
}
.ew_color_input{
	font-family: Arial, Helvetica, sans-serif;
	background:#ffffff;
	border:1px solid #c0c0c0;
	font-size:12px;
	margin:0;
	margin-top:0px;
	padding:1px;
	width:70px;
}
a.ew_color_link{
	display:block;
	text-decoration:none;
}

/* ==================================== */

/* ################################ edit rules page */
.edit_rule_group_header {
	border-bottom:1px solid #c0c0c0;
	font-weight:bold;
	margin-top:10px;
	padding:3px;
	font-size:12px;
	background-color:#e5e5e5;
}
.edit_rule_group_section_box{
	overflow:auto;
	border:1px solid #c0c0c0;
	padding:4px;
	margin:5px 4px 5px 4px;
	background:#ffffff;
}
.sub_rule_view {
	font-size:12px;
}
.sub_rule_view_help {
	font-size:12px;
	font-style:italic;
	color:#808080;
}

/* ################################ folding headers */
.fold_more-less{
	font-size:14px;
	display:block;
	background:#cacaca;
	text-decoration:none;
	text-align:left;
	color:#000000;
	font-weight: bold;
	border-bottom: 1px solid #c0c0c0;
	font-variant : small-caps;
}
.folding_section_subheader {
        cursor: pointer;
}
.folding_section_div {
	background-color:#eaeaea;
	padding-bottom:5px;
}
.folding_section_subheader_settings {
        cursor: pointer;
}
.folding_section_div_settings {
	background-color:#eaeaea;
	padding-bottom:5px;
}

/* ################################ table editor */

.table_edit_scroll{
	max-width:1076px;
	overflow:auto;
	border:1px solid #c0c0c0;
	overflow-y: hidden;/* ie7 fix */
}

/* ################################ select site page */
div.foldTabVisible {
    display: inline;
    position: static;
}

div.foldTabHidden {
    display: none;
    position: static;
}
.foldSelectCustomer {
	padding-top:3px;
	padding-bottom:3px;
}

.foldSelectGroup {
	padding-top:3px;
	padding-bottom:3px;
}

.foldSelectSite {
	padding-top:3px;
	padding-bottom:3px;
}
tr.foldingVisible {
    position: static;
}

tr.foldingHidden {
    display: none;
    position: static;
}