/* Content Elements 
------------------------------------ */
body {
	margin: 0px;
	background: #fff url('../images/bg-header.png') repeat-x;
	text-align: center;
	}
#container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 965px;
	}
#header_msg {
	top: auto;
	position: fixed;
	width: 100%;
	z-index: 1000;
	text-align: center;
	}
	#header_msg_inner {
		width: 100px;
		background: #FFFFCC;
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
		font: bold 12px Tahoma;
	}
#content {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}
.left-heading {
	float: left;
	line-height: 50px;
	width: 33%;
	}
.center-heading {
	float: left;
	line-height: 50px;
	width: 33%;
	}
.center-heading table td {
	line-height: 10px;
	}
.right-heading {
	float: right;
	line-height: 50px;
	width: 33%;
	text-align: right;
	}
.right-heading table td table td {
	line-height: 10px;
	}
.heading_long {
	width: 49%;
	}
.clear {
	clear: both;
	}
#footer {
	padding-top: 10px;
	}

/* Drop Down Menu
------------------------------------ */
#navigation {
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}
#navigation ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	}
#navigation ul li { /* first-level lists */
	float: left;
	height: 30px;
	background: url('../images/navbg.gif') no-repeat;
	}
#navigation ul li a {
	display: block;
	padding-left: 8px;
	line-height: 30px;
	width: 86px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	}
#navigation ul li ul li {
	display: block;
	clear: both;
	height: 25px;
	background: none;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #d1d1d1;
	position: relative;
	z-index: 1000;
	}
#navigation ul li ul li a {
	display: block;
	clear: both;
	width: 150px;
	background-color: #999999;
	padding-left: 4px;
	line-height: 25px;
	color: #ffffff;
	text-decoration: none;
	position: relative;
	z-index: 1000;
	}
#navigation ul li ul li a:hover {
	background-color: #CCCCCC;
	line-height: 25px;
	padding-left: 4px;
	color: #ffffff;
	text-decoration: none;
	position: relative;
	z-index: 1000;
	}
#navigation ul li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index. 1000;
	}
#navigation ul li:hover ul, 
#navigation ul li li:hover ul, 
#navigation ul li.sfhover ul, 
#navigation ul li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

/* Typography
------------------------------------ */

body,
div,
p,
th,
td {
	color: #676767;
	font-size: 11px;
	font-family: Tahoma;
	}

a:link,
a:active,
a:visited {
	color: #000000;
	text-decoration:underline;
	}
a:hover {
	color: #000000;
	text-decoration:none;
	}
h1 {
	line-height: 50px;
	font-size: 20px;
	font-weight: normal;
	font-family: Tahoma;
	margin: 0px;
	}
h2 {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	font-family: Verdana;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 2px;
	color: #000000;
	padding: 3px 5px 10px 0px;
	}
h2 b {
	margin-top: 5px;
	margin-bottom: 0px;
	color: #FF0000;
	font-weight: normal;
	}
h2 span {
	margin-top: 5px;
	margin-bottom: 0px;
	color: #999999;
	font-size: 11px;
	letter-spacing: 0px;
	}
.boxed {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: right;
	}
.boxed a {
	border: 1px solid #CCCCCC;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
	}
.blueline {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	border-bottom: .5em solid #f0f8ff;
	font: normal 10px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
	}
p.title {
	width: 99%;
	display: block;
	border-bottom: 1px solid #d5d5d5;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
	}
.textlinks {
	color: #FBFBFC;
	font-family: Tahoma;
	font-size: 11px;
	padding-right: 20px;
	}
.textlinks a {
	color: #FBFBFC;
	font-family: Tahoma;
	font-size: 11px;
	}
.top {
	color: #7CACDA;
	}
.msg {
	padding: .5em 1em .5em 35px;
	background: #ffc url(../images/icon-message.gif) 10px 6px no-repeat;
	border: 1px solid #ccc;
	border: 1px solid #ccc;
	}
.errmsg {
	padding: .5em 1em .5em 35px;
	background: #ffc url(../images/icon-error.gif) 10px 6px no-repeat;
	border: 1px solid #ccc;
	border: 1px solid #ccc;
	}
.note {
	padding: .5em .5em .5em 35px;
	background: #ffc url(../images/icon-alert.gif) 10px 6px no-repeat;
	border: 1px solid #ccc;
	margin-top: 0px;
	}
.help {
	padding: .5em 1em .5em 35px;
	background: #ffc url(../images/icon-help.gif) 10px 6px no-repeat;
	border: 1px solid #ccc;
	border: 1px solid #ccc;
	}

/* Toolbar Buttons
------------------------------------ */

table#toolbar {
	margin-top: 2px;
	margin-bottom: 2px;
	}
table#toolbar a.toolbar {
	display: block;
	width: 120px;
	border: 1px solid #DDD;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	}
table#toolbar a.toolbar_long {
	width: 140px;
	}
table#toolbar a.toolbar:hover {
	border: 1px solid #91013B;
	background-color: #f1e8e6;
	padding: 0px;
	}
table#toolbar a.toolbar:active {
	color : #FF9900;
	}
table#toolbar a.toolbar img {
	border: 0px;
	padding-right: 3px;
	}

table#steps {
	margin-top: 2px;
	margin-bottom: 2px;
	border-bottom: 2px solid #CCC;
	}
table#steps div.steps {
	display: block;
	width: 80px;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 12pt;
	}
table#steps div.step {
	display: block;
	width: 60px;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	font-size: 10pt;
	color: #CCCCCC;
	}
table#steps div.done {
	font-weight: bold;
	color: #1AAF00;
	}
table#steps div.current {
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
	}

/* Table Formatting
------------------------------------ */

table.adminlist {
	width: 100%;
	padding: 0px;
	font-size: 11px;
	}
table.adminlist th {
	padding: 3px;
	background-color: #EDECEC;
	color: #000000;
	border-bottom: solid 1px white;
	font-weight: bold;
	border-right: 1px solid #F4F4F4;
	height: 25px;
	}
table.adminlist th.title {
	text-align: left;
	}
table.adminlist th.title_padded {
	text-align: left;
	padding: 5px;
	}
table.adminlist tr.row0 {
	background-color: #F9F9F9;
	}
table.adminlist tr.row1 {
	background-color: #FFF;
	}
table.adminlist tr.row0:hover {
	background-color: #f1f1f1;
	}
table.adminlist tr.row1:hover {
	background-color: #f1f1f1;
	}
table.adminlist td {
	padding: 5px;
	border-bottom: solid 1px #EDECEC;
	border-right: 1px solid #F4F4F4;
	}
table.adminlist td table td {
	padding: 0px;
	margin: 0px;
	border: 0 none;
	}
.section {
	min-height: 300px;
	border: 1px dashed #f0f0f0;
	}
.lineitem {
	cursor: move;
	margin-bottom: 10px;
	}
table td.client_col {
	width: 100px;
	}

/* forms
----------------------------------------------- */

textarea,
input,
select {
	background: #fff;
	border: 1px solid #b2b2b2;
	color: #000;
	margin: 1px;
	padding: 3px;
	font: normal 1em Arial, Helvetica, sans-serif;
	}
input[type $= 'radio'] {
	border: 0px solid #b2b2b2;
	}
input[type $= 'checkbox'] {
	border: 0px solid #b2b2b2;
	}
input:focus,
textarea:focus {
	background: #fff;
	border: 1px solid #686868;
	}
.button {
	font-size: 1em;
	font-weight: bold;
	background: url('../images/fade-butt.png');
	border: 1px solid #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.25em;
	}
.button2 {
	font-size: 1.2em;
	font-weight: bold;
	background: url('../images/fade-butt.png');
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.25em;
	}
.button3 {
	font-weight: bold;
	background: url('../images/fade-butt.png');
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.25em;
	}

/* tab menus
----------------------------------------------- */
#menu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
	position: relative;
	z-index. -100;
	}
#menu ul, 
#menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
	}	
#menu li a:link, 
#menu li a:visited	{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-weight : bold;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
	}
#menu li a:hover	{
	color : #f00;
	background : #fff;
	}	
#menu li#nav-selected a,
#menu li.nav-selected a {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
	}
#menu li {
	position: relative;
	float: left;
	white-space:nowrap;
}
#menu li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: auto;
	display: none;
	width:1%;
	z-index. 100;
}
#menu li:hover ul {
	display: block;
}
/* mac hide \*/
* html #menu li a {
	width:1%
}
#menu li ul li {
	float:none
}
/* Styles for Menu Items */
#menu li ul li a {
	display: block;
	text-decoration: none;
	color: #A51B51;
	}

#menu li ul li a:hover {
	color: #ffffff;
	}
/* commented backslash mac hiding hack \*/ 
* html #menu li a {
	height:1%
}
/* Sub Menu Styles */
#menu li ul li a { 
	padding: 2px 5px; 
	} 

/* The magic */
#menu li:hover ul, 
#menu li.over ul { 
	margin-top: 20px;
	display: block; 
} 
#menu li ul.over li a, 
#menu li ul.over li a:visited, 
#menu li#nav-selected ul.over li a, 
#menu li#nav-selected ul.over li a:visited {
	padding: 5px;
	background : #fff;
	border-top: 0px;
	color : #666;
	float : left;
	font-weight : bold;
	line-height : 14px;
	margin-right : 8px;
	text-decoration : none;
	width: 130px;
}
#menu li ul.over li a:hover, 
#menu li#nav-selected ul.over li a:hover {
	color : #f00;
	background : #E8EBF0;
}
#menu li#nav-selected ul.over li a {
	border-bottom : 1px solid #ccc;
}

/* login form
----------------------------------------------- */
.login form {
    margin: 0px;
	}
.loginheader {
	font: bold 12pt tahoma;
	margin: 0 0 4 0;
	}
.login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #cccccc;
	width: 429px;
	background: #F1F3F5;
	}	
.form-block {
	border: 1px solid #cccccc;
	background: #E9ECEF;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	}
.login-form {
	text-align: left;
	float: right;
	width: 60%;
	}
.login-text {
	text-align: left;
	width: 40%;
	float: left;
	}
.inputlabel {
	font-weight: bold;
	text-align: left;
	}
.inputbox {
	width: 150px;
	border: 1px solid #cccccc;
	}
.clr {
	clear:both;
	}
.ctr {
	text-align: center;
	}

/* Selection Box...
----------------------------------------------- */
/* ISSelectReplacement Styles */

.ISSelect { float:left; border: 1px solid #7F9DB9; background: #fff; width: 200px; overflow: auto; height: 100px; }
.ISSelect ul, .ISSelect li { list-style: none; padding: 0; margin: 0; }
.ISSelect li { cursor: pointer; padding-left: 4px; padding-top: 2px; padding-bottom: 2px; border-top: 1px solid #fff; cursor: default; border-bottom: 1px solid #fff; }
.ISSelect li.ISSelectGroup { padding-left: 0; }
.ISSelect input { margin-right: 5px;}
.ISSelectGroup li{ padding-left: 20px; }
.ISSelect .ISSelectOptionHover { background: #efefef; }
.ISSelectGroup div { font-weight: bold; font-style: italic; padding-left: 4px; }
.ISSelect li.ISSelectGroup { background: transparent; border-top: 0; border-bottom: 0; padding-bottom: 0; }
.ISSelect .SelectedRow { background: #316AC5; border-top: 1px solid #316AC5; border-bottom: 1px solid #316AC5; color: #fff; }

.RTL .ISSelect { float:right; }
