/* --( basic )-- */

html, body
{ }

body
{ background: #fff;
  margin: 0 }

body, td, li, ol
{ font: 10pt Arial, Helvetica; }

form
{ margin: 0;
  padding: 0 }

tr.alt td
{ background: #dfdfdf; }
			
h1
{ font: 11pt Trebuchet MS, Arial, Helvetica;
  color: #333333; }
  
h2
{ color: #fff;
  background:#555;
  font: bold 10pt Trebuchet MS, Arial, Helvetica;
  text-align: left;
  padding: 5px;
  margin: 0;  }

a
{ color: #222d5f;
  text-decoration:underline }

a:hover
{ color:#695ca8;
  text-decoration:none }

img
{ border: none }

blockquote
{ margin: 0 0 0 30px;
  padding: 10px 0 0 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: #666;
  background: url('images/quotes.gif') no-repeat top left; }

blockquote p
{ margin-top: 0; }

.search
{ background:url('images/search.gif') 0px 0px no-repeat #fff;
  border: solid 1px #666;
  padding-left: 22px }

.small
{ font-size:8pt }

.smaller
{ font-size:10pt }

.msgtitle
{ font: bold 14pt Arial;
  color:#66CC33; }

.msgtitle2
{ font: bold 14pt Arial;
  color:#990000; }

.help
{ font: 8pt Arial;
  padding:10px }

.divider
{ border: none;
  margin: 10px; }
  
.list_1
{ list-style: none;
  margin: 0 0 0 5px;
  padding: 0  }

.list_1 li
{ background: url('images/orange.gif') 0 4px no-repeat;
  padding-left: 15px;
  margin-bottom: 3px; }
  
.list_2
{ list-style: none;
  margin: 0 0 0 5px;
  padding: 0  }

.list_2 li
{ background: url('images/arrow.gif') 0 4px no-repeat;
  padding-left: 15px;
  margin-bottom: 3px; }

.login_box
{ width:250px;
  text-align:center;
  margin: 100px auto 100px auto;
  border:solid 2px #000;
  background:#eee;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px; }
  
.login_box h1
{ background:#000;
  color:#fff;
  padding: 5px;
  margin: 0 0 5px 0;
  font:18pt Georgia, Times;
  -moz-border-radius: 18px 18px 0 0;
  -webkit-border-radius: 18px 18px 0 0;}
 
/* --( admin menu )-- */
.admin_menu
{ width: 165px;
  padding: 0 5px 5px 5px }

.admin_menu ul
{ list-style: none;
  padding: 0;
  margin: 1px }

.admin_menu ul li
{ color: #222d5f;
  padding: 3px;
  padding-left:12px;
  background-color: #eee;
  font-size: 9pt }

.admin_menu ul li:hover
{ color: #222d5f;
  background-color: #d4dcff }

.admin_menu ul li a
{ text-decoration: none }

.admin_menu ul li a:hover
{ text-decoration: underline; }

.admin_menu ul li.menu_title
{ color: #FFFFFF;
  background-color: black;
  font: bold 9pt Trebuchet MS, Arial, Helvetica;
  border-bottom:solid 1px #000;
  background:#888;
  padding: 3px 5px;
  margin-top: 8px;  }


/* --( admin )-- */
.admin_tbl
{ background: #fff }

.admin_tbl td
{ background: #eee; padding: 3px 8px 3px 8px }

.admin_tbl tr th
{ color: #fff;
  background:#555;
  font: bold 10pt Trebuchet MS, Arial, Helvetica;
  text-align: left;
  padding: 5px }

.admin_tbl tr th a
{ color: #fff; }

.admin_tbl tr th a:hover
{ color: #EAEAEA; }

.admin_tbl tr:hover td
{ background: #d4dcff; }

td.adminbg_c
{ background:#D1D1D1;
  color: #000;
  text-align: left;
  font-weight: bold;
  padding: 5px 8px 5px 8px;
  border-bottom: solid 1px #aaa }
  
td.adminbg_h
{ background:url('images/menu-bar-right-arrow.gif') 0px 9px no-repeat #bbb;
  color: #000;
  text-align: left;
  font-weight: bold;
  padding: 5px 0px 5px 8px;
  border-bottom: solid 1px #999 }

.module_setup
{ margin-top: 10px;
  text-decoration: none;
  color: #000;
  font-size: 8pt;  }
  
.module_setup:hover
{ color: #00f }


/* Pagination */
#pagination {
  font: 10pt;
  margin: 10px 0 10px 0; }

#pagination a {
  text-decoration: none;
  color: #22229C;
  float:left;
  width: 100%
}

#pagination a:hover {
  color: #1f2c5c;
}

.page-text {
  color: white;
  background: #738FBF
}

.page-num {
  text-align: center;
  width: 15px;
  background: #E5E5EE; }


/* --( fman )-- */

.fman_tree
{ font: 10pt;
  text-decoration:none }

.fman_tree:hover
{ text-decoration:underline }

#fman_list
{ border: solid 2px #336699; background: white }

#fman_list td
{ background: #eee }

#fman_list tr .fman_list_head
{ background:#336699;
  color: #FFFFFF;
  font-weight: bold;
  text-align: left; }

#fman_tool
{ border:solid 2px #336699;
  width:99%;
  background:#FFFFFF;
  padding: 2px; }

.fman_tool_content
{ background:#EEEEEE;
  text-align:center;
  margin-top: 1px;
  padding: 5px 0 5px 0 }

.fman_tool_head
{ background:#336699;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  padding: 3px }


/* --( tool tip )-- */

#dhtmltooltip {
  position: absolute;
  width: 150px;
  border: 1px solid #fff;
  padding: 5px;
  background: #777;
  z-index: 100;
  font: 9pt arial, helvetica;
  color: #fff;
  -moz-border-radius: 3px;
}

#dhtmltooltip p {
font-size: 9pt;
margin: 0 0 6px 0;
padding: 0 }

#dhtmltooltip ul,#dhtmltooltip ol
{ margin: 0; padding-left: 10px }

#dhtmltooltip li {
margin:0;
padding:0;
font-size:9pt }

/* --( button & BBCode )-- */
.button 
{ border: solid 1px #D3D3D3;
  background: #D3D3D3;
  padding: 0;
  margin: 0;
  cursor: pointer;
  cursor: hand; }

.button:hover, .buttonRaised 
{ border: outset 1px;
  background: #D3D3D3;
  padding: 0; 
  margin: 0;
  cursor: pointer;
  cursor: hand; }
 
.button:active, .buttonLowered 
{ border: inset 1px;
  background: #D3D3D3;
  padding: 0; 
  margin: 0;
  cursor: pointer;
  cursor: hand; }

.buttonBlack 
{ border: inset 1px;
  color: #888;
  padding: 0; 
  margin: 0;
  cursor: pointer;
  cursor: hand; }

.code
{ width: 90%;
  padding: 3px;
  background: #eee;
  border: solid 1px black }


/* --( dropdown )-- */
.DHTMLSuite_menuBar_top{	/* The bar that is parent of the menu strip */
	height:26px;
	width:100%;
	background:#000;
	font-family: Arial, Helvetica;
	font-size:10pt;
	z-index:100000;
	color: #fff;
}

.DHTMLSuite_menuBar_sub{
	position:absolute;
	background-color:#FFF;
	border:1px solid #000;
	background-image:url('images/menu-bar-gradient.gif');	/* Background image for sub menu items */
	background-repeat:repeat-y;
	background-position: left center;
	display:inline;
}


/* CSS FOR MENU ITEM OF TYPE "top" */

.DHTMLSuite_menuItem_top_regular,.DHTMLSuite_menuItem_top_over,.DHTMLSuite_menuItem_top_click,.DHTMLSuite_menuItem_top_disabled,.DHTMLSuite_menuItem_top_active{
	height:19px;
}
.DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div,.DHTMLSuite_menuItem_top_click div,.DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div{
	padding-top:2px;
	padding-bottom:2px;
}
.DHTMLSuite_menuItem_top_regular{	/* Top level menu item - Regular state */
	padding-left:4px;
	padding-right:4px;
	margin-right:2px;
	padding-top:1px;
	padding-bottom:1px;	
	cursor:pointer;
	line-height:16px;
	margin-top:2px;
}

.DHTMLSuite_menuItem_top_over{ /* Top level menu item - Mouse over state */
	padding-left:3px;
	padding-right:3px;
	margin-right:2px;
	border:1px solid #000;
	background-color:#666;
	cursor:pointer;
	line-height:16px;
	margin-top:2px;
}

.DHTMLSuite_menuItem_top_active{	/* Top level menu item - Active state - this is typical the state for menu item 1 when a sub group is expanded and the mouse is located over one of the sub menu items */
	padding-left:3px;
	padding-right:3px;
	margin-right:2px;
	border:1px solid #666;
	cursor:pointer;
	line-height:16px;
	margin-top:2px;
}

.DHTMLSuite_menuItem_top_click{	/* Top level menu item - Mouse click state */
	padding-left:3px;
	padding-right:3px;
	margin-right:2px;
	border:1px solid #000;
	background-color:#777;
	cursor:pointer;
	line-height:16px;
	margin-top:2px;
	z-index:20000;
}

.DHTMLSuite_menuItem_top_disabled{	/* Disabled menu item */
	padding-left:4px;
	padding-right:4px;
	margin-right:2px;
	padding-top:1px;
	padding-bottom:1px;
	cursor:default;
	line-height:16px;
	margin-top:2px;	
}

.DHTMLSuite_menuItem_top_disabled img,.DHTMLSuite_menuItem_top_disabled div{	/* Sub divs of disabled top level items. A menu item is a div with some subdivs(one for the icon, one for text etc.). this is the css for these sub divs */
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	-moz-opacity:0.4;	/* Transparency */
	-khtml-opacity:.4;	/* Transparency */
}

.DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div, .DHTMLSuite_menuItem_top_click div, .DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div{	/* divs for the text,icon and arrow of a menu item */
	float:left;
	padding-left:1px;
	padding-right:1px;
}

/* CSS FOR THE SMALL ARROW DIV - WHEN YOU CLICK ON THIS DIV, SUB ELEMENTS WILL SHOW */
.DHTMLSuite_menuItem_top_arrowShowSub{	/* This is the arrow for top level elements */
	width:12px;	/* Width of item */
	background-repeat:no-repeat;	/* No background repeat for the arrow */
	background-position:center center;	/* Position of the arrow. at the center of this div */
	background-image: url('images/menu_strip_down_arrow.png');	/* Relative path to the arrow */
	margin:0px;	
	margin-right:-1px;	/* -1 pixel is added to get the arrow a little bit more to the right. this is because of the right padding of top level items */
	padding:0px;
	height:16px;
	margin-left:2px;
	float:right;
}

.DHTMLSuite_menuItem_top_over .DHTMLSuite_menuItem_top_arrowShowSub,
.DHTMLSuite_menuItem_top_click .DHTMLSuite_menuItem_top_arrowShowSub
{	/* Sub menu arrows */
	margin-left:1px;
	border-left:1px solid #000;
}

/* CSS FOR SEPARATOR */

.DHTMLSuite_menuItem_separator_top{	/* Separator of type "top" */
	height:20px;
	margin-top:3px;
	margin-bottom:3px;
	width:4px;
	padding-left:3px;
	padding-right:3px;
	background-repeat:repeat-y;
	background-image:url('images/menu_strip_separator.gif');
	
}


/* CSS FOR MENU ITEM OF TYPE "sub" */

.DHTMLSuite_menuItem_sub_regular, .DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_disabled,.DHTMLSuite_menuItem_sub_active{	/* Commom css for regular, mouse over and mouse click items */
	font: 9pt Arial, Helvetica;
	clear:both;			
	line-height:18px;	/* Height of menu item */
	height:18px;		/* Height of menu item */
	padding-left:25px;	/* Space inside the menu item - the 25 pixels are used in order to avoid text overlapping menu item icon */
	padding-right:4px;	/* Space inside the menu item */
	padding-top:2px;	/* Space inside the menu item */
	padding-bottom:2px;	 /* Space inside the menu item */
	cursor:pointer;		/* Mouse cursor set to a "hand" */
	margin:1px;	/* A little space around the item */
	background-repeat:no-repeat;	/* No background repeat */
}
.DHTMLSuite_menuItem_sub_disabled{	/* Disabled sub menu item */
	cursor:default;	/* Arrow as cursor instead of hand */
}
.DHTMLSuite_menuItem_sub_disabled div,.DHTMLSuite_menuItem_sub_disabled{	/* Disabled sub menu item - Here, we apply the rules on the divs inside the element, i.e. the div for the icon, text and arrow */
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	-moz-opacity:0.4;	/* Transparency */
	-khtml-opacity:.4;	/* Transparency */
}
.DHTMLSuite_menuItem_sub_regular,.DHTMLSuite_menuItem_sub_disabled{	/* Regular menu item */
	margin-left:2px;	/* size of margin above + 1 pixel */
	padding-top:3px;	/* Size of padding-top above + 1 pixel */
	padding-bottom:3px;	/* Size of padding-bottom above + 1 pixel */
}

.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_active{
	border:1px solid #006;	/* Border around mouse over items, click items and active items */
}

.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_active{	/* Mouse over effect */	
	background-color:#d4dcff;
    color:#000000;		/* Background color of mouse over items and active items(Active item = parent elements of the menu item the mouse is currently over */
}

.DHTMLSuite_menuItem_sub_click{	/* Mouse click effect */
	background-color:#685ca8;
    color:#FFFFFF;	/* Background color when the mouse button is pressed down on a menu item */
}

.DHTMLSuite_menuItem_sub_click div, .DHTMLSuite_menuItem_sub_regular div,.DHTMLSuite_menuItem_sub_over div,.DHTMLSuite_menuItem_sub_active div,.DHTMLSuite_menuItem_sub_disabled div{	/* divs for the text,icon and arrow of a menu item */
	float:left;		/* To get the icons and text of sub elements side by side */
	padding-left:1px;
	padding-right:1px;
	
}
.DHTMLSuite_menuItem_sub_arrowShowSub{	/* Arrow div for sub elements (Right pointing arrow ) */
	position:absolute;	/* Never change this one */
	background-image:url('images/menu-bar-right-arrow.png');	/* Path relative to the css file */
	width:18px;
	height:18px;
	text-align:right;	
	right:0px;
	background-repeat:no-repeat;	/* No background repeat */
	background-position: center right;	/* Position of arrow */
}

.DHTMLSuite_menuItem_separator_sub{	/* Separator of type "sub" */
	height:1px;	/* Height of separator */
	margin-top:1px;	/* Space above the separator */
	margin-bottom:1px;	/* Space below the separator */
	margin-left:24px;	/* left margin because we don't want the separator to cover the gradient */
	padding-right:3px;	/* space at the right of the separator */
	background-color:#6A8CCB;	/* background color for the separator - blue */
}


/* --( new tab )-- */
/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 187px;
border-top: 5px solid #540010; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
border-bottom: 2px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #ec002c; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #540010; /*Brown color theme*/ 
color: white;
border-color: #540010; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 15px;
margin-top: 1em;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
padding: 3px 7px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(images/shade.gif) top left repeat-x;
-moz-border-radius: 3px 3px 0 0
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 0px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

#tablist
{ padding: 3px 0; font: bold 12px Verdana; }

#tablist li
{ list-style: none; display: inline; }

#tablist li a
{ padding: 3px 0.5em; margin-left: 3px; border: 2px solid black; background: #EEEEEE; color: black; text-decoration: none }

#tablist li a.current
{ background: orange; }

/* --( Password Strength )-- */
#passwordStrength
{	
	font-size:8pt;
	height:13px;
	display:block;
	float:left;
}

.strength0
{
	width:222px;
	background:#cccccc;
}

.strength1
{
	width:50px;
	background:#ff0000;
}

.strength2
{
	width:100px;	
	background:#ff5f5f;
}

.strength3
{
	width:150px;
	background:#56e500;
}

.strength4
{
	background:#4dcd00;
	width:200px;
}

.strength5
{
	color:#fff;
	background:#399800;
	width:222px;
}