﻿/************************************************************************************
*
*	Global Settings
*
************************************************************************************/
* {
	padding:0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

/* Page elements */
img {
	border:0px;
}
ul {
	list-style-position:outside;
	list-style:none;
	list-style-image:none;
}
ul.txt-ul {
	margin:0 0 16px 0;
	padding:0;
	list-style-position:outside;
}
li {
}
.txt-ul li {
	background-image:url(../img/components/bullet-gray-dark.gif);
	background-position:6px 8px;
	background-repeat:no-repeat;
	padding:1px 0 1px 15px;
}
ol {
	margin:0 0 10px 30px;
	list-style-position:outside;
	list-style-type:decimal;
	padding:2px 0;
}
ol li {
	background-image:none;
	padding:0px;
}
input {
	font:11px Arial, Helvetica;
	color:#333;
	padding:1px;
}
textarea {
	font:11px Arial, Helvetica;
	color:#333;
	padding:1px;
}
select {
	font:11px Arial, Helvetica;
	color:#333;
	padding:1px;
}
.checkbox input {
	border:0;
	border-style:none;
}
.checkbox {
	border:0;
	border-style:none;
}
.radio input {
	border:0;
	border-style:none;
}
.radio {
	border:0;
	border-style:none;
}
table {
	width:100%;
	text-align:left;
}
/* Text */
body {
	font:12px Arial, Helvetica;
	line-height:18px;
	color:#111;
	margin:0px !important;
	padding:0px !important;
}
p {
	margin-bottom:16px;
}
h1, h2, h3, caption {
	font-weight:normal;
	color:#222;
	font-family: Arial, Tahoma, seriff;
	margin-bottom:16px;
}
h1 {
  /*border-bottom:1px solid #ccc;*/
  margin-bottom:10px;
  padding-bottom:6px;
  font-size:22px;
  line-height:24px;
  font-weight:normal;
}
h2 {
  color:#336d9e;
  font-size:20px;
  line-height:22px;
/*  border-bottom:1px solid #ccc;*/
}
h3 {
  font-size:16px !important;
  line-height:18px;
  color:#1967a1;
}
caption {
	border: solid 1px #aaa;
	border-bottom:0px;
	line-height:14px;
	margin:0;
	padding:4px 8px;
	text-align:left;
	font-size:14px;
	color:#111;
	width:100%;
	display:table-caption;
	background: #444 url(../img/components/sprite.png) repeat-x;
	background-position:0 -100px;
}
th {
	background:#eee url(../img/components/sprite.png) repeat-x 0px 0px;
	border-color: #989898 #cbcbcb #aaa #989898;
	border-style: solid solid solid none;
	border-width: 0px 1px 1px 0px;
	color: #333;
	padding: 4px 5px 4px 10px;
	vertical-align: bottom;
	text-align:left;
	font-family: Arial;
	font-size:10px;
}
th a {
	color:#333;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-right: 10px;
}
blockquote {
	font-family:"Trebuchet MS", Verdana, Arial;
	color:#888;
	margin-bottom:4px;
	font-style:italic;
	font-weight:bold;
}
/* fix extra line height of sup and sub */
sup {
	font-size:x-small;
    vertical-align: baseline;
	position: relative;
	bottom: 0.33em;
}
h1 sup{
	font-size:8px;
	bottom:10px;
}
h2 sup{
	font-size:6px;
	bottom:1em;
}
sub {
	font-size:smaller;
    vertical-align: baseline;
	position: relative;
	bottom: -0.25em;
}
.new-win, .new-win-right {
	background-image:url(../img/components/12-external-link.gif);
	background-position:0px 1px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 16px;
	margin-right:2px;
}
.new-win-right {
	background-position:right top;
	padding:0px 16px 0px 0px;
}
a:visited {
	color:#579ed7; 
	text-decoration:none;
}
a:active {
	color:#579ed7;
	text-decoration:none;
}
a:link, a {
	color:#579ed7;
	outline:0;	
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#006a94;
}
sup, sup:hover {
	text-decoration:none;
}


/*************************************************************************************
*
*	General Tables
*
*************************************************************************************/
.row-footer {
	color:#374566;
	background:#E4EDFA;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica;
}
.row-footer td {
	border-bottom:2px solid #BBD0F2;
	border-top:1px solid #D5E2F7;
	padding:4px;
}
.row-highlight {
	background-color:#f0fcff;
}
.grid {
	font-family: Arial;
	font-size:11px;
	border: solid 1px #bbb;
	border-collapse:collapse;
	width:100%;
	color: #333333;
	margin-bottom:16px;
}

.row {
	background-color:#fff;
}
.row-alt {
	background-color:#f0f0f1;
}
.grid td {
	color:#333333;
	padding: 4px 10px 4px 10px;
	border:none;
	border-bottom: solid 1px #ddd;
}
.grid .row-num {
	text-align:center;
	padding-left:4px;
	font-weight:bold;
	color:#333333;
}
.pager {
	height:30px;
	background:url(../img/components/sprite.png) repeat-x 0px 0px;
}
.pager .container {
	padding:4px;
}
.pager .command {
	float:left;
	padding-right:5px;
}
.pager .info {
	font-size:12px;
	padding:4px 0px;
	float:right;
}

/*************************************************************************************
*
*	Custom Components
*
*************************************************************************************/

.col-2 {
	float: left;
	width: 49.7%;
}
.col-3 {
	float: left;
	width: 33%;
}
.col-4 {
	float: left;
	width: 25%;
}
.alpha{
	padding-right:25px;
}
.omega{
	padding-left:25px;
}

.note {
	font-size:10px;
	color:#444;
}

/* Notificaitons */
.warning-box, .failure-box, .success-box {
	margin-bottom:16px;
	text-align:left;
	font-weight:bold;
	vertical-align:middle;
	padding:25px 20px 25px 70px;
	background-repeat:no-repeat;
	border:solid 2px #ffcccc;
	background-position:4px center;
}
.success-box {
	color:#336600;
	background-image:url(../img/components/64-check-02.png);
	background-color:#bbeeaa;
	border-color:#88cc77;
}
.warning-box {
	color:#222222;
	background-image:url(../img/components/64-attention-01.png);
	background-color:#ffdd88;
	border-color:#ddaa33;
}
.failure-box {
	color:#990000;
	background-image:url(../img/components/64-error-01.png);
	background-color:#ffeeee;
	border-color:#ffcccc;
}
.success-box h2 {
	color:#336600;
}
.warning-box h2 {
	color:#222222;
}
.failure-box h2 {
	color:#990000;
}
.hr {
  border-bottom:1px solid #ccc;
  margin:10px 0 15px 0;
  height:5px;
}
.hr-soft {
	background-image:url(../img/components/hr-soft.jpg);
	background-repeat:repeat-x;
	height:3px;
}
.hr-dash {
	background:transparent url(../img/components/hr-dash.gif) repeat-x center;
	height:1px;
	padding:15px 0;
}
.clear {
	clear:both;
	height:0px; 
	font-size:0px; 
	line-height:0px;
}
.img-close {
	float:right;
	width:15px;
	height:15px;
}
.column-line {
	background:#fafafc url(../img/components/column-line.jpg) no-repeat;
	height:400px;
	width:3px;
	margin:0 20px;
	float:left;
}

div.button {
	float:left;
	background-color:#3b6a90;
	font-weight:bold;
	font-size:.9em;
}
div.button a {
		padding:3px 8px; 
		display:block;
		background:url(../img/components/button-bg.gif) repeat-x center left; 
		border:1px solid #3b6a90;
		color:#fff;		
}
div.button a:hover {
	color:#fff; 
	text-decoration:none; 
}

button.button { 
	height:24px;
	margin-top:-1px;
	line-height:22px;
	border:1px solid #3b6a90;
	font-weight:bold;
	font-size:.9em;
	cursor:pointer;
	color:#fff;
	background:#3b6a90 url(../img/components/button-bg.gif) repeat-x center left;
	font-family:arial;
}

.right{
	float:right;
}