﻿/************************************************************************************
*
*	Global Settings
*
************************************************************************************/
* {
	padding:0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

/* Page elements */
img {
	border:0px;
}
dl{}
dt{ font-weight:bold; padding:5px 0px;}
dd{ padding:5px 0px;}

ul {
	list-style-position:outside;
	list-style:none;
	list-style-image:none;
}
li {
}
ul.txt-ul {
	margin:0 0 10px 0;
	padding:0;
	list-style-position:outside;
}
.txt-ul li {
	background-image:url(/mkt-assets/img/components/bullet-gray-dark.gif);
	background-position:6px 8px;
	background-repeat:no-repeat;
	padding:1px 0 1px 15px;
}
ul.txt-ul-arrow{
	margin:0 0 10px 0;
	padding:0;
	list-style-position:outside;
}
ul.txt-ul-arrow li {
	background-image:url(/mkt-assets/img/components/bullet-arrow.gif);
	background-position:0px 3px;
	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:#222;
	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 {
  margin-bottom:16px;
  font-size:22px;
  line-height:24px;
  font-weight:normal;
  color:#336d9e;
}
h2 {
  font-size:20px;
  line-height:22px;
  border-bottom:1px solid #ccc;
  padding-bottom:6px;
}
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(/mkt-assets/img/components/sprite.png) repeat-x;
	background-position:0 -100px;
}
th {
	background:#eee url(/mkt-assets/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: .33em;
}
h2 sup{
	font-size:8px;
	bottom:1.2em;
}
h3 sup{
	font-size:8px;
	bottom:1.2em;
}
sub {
	font-size:smaller;
    vertical-align: baseline;
	position: relative;
	bottom: -0.25em;
}
.new-win, .new-win-right {
	background-image:url(/mkt-assets/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(/mkt-assets/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;
}

.no-margin{margin:0px !important;}
.no-padding{padding:0px !important;}

/* Notificaitons */
.warning-box, .failure-box, .success-box, .info-box, .question-box {
	margin-bottom:16px;
	text-align:left;
	vertical-align:middle;
	padding:10px 10px 10px 37px;
	background-repeat:no-repeat;
	border:solid 2px #ffcccc;
	background-position:10px 12px;
}
.success-box {
	color:#336600;
	background-image:url(/mkt-assets/img/components/16-check.png);
	background-color:#bbeeaa;
	border-color:#88cc77;
}
.warning-box {
	color:#222222;
	background-image:url(/mkt-assets/img/components/16-warning.png);
	background-color:#ffdd88;
	border-color:#ddaa33;
}
.failure-box {
	color:#990000;
	background-image:url(/mkt-assets/img/components/16-minus-octagon.png);
	background-color:#ffeeee;
	border-color:#ffcccc;
}
.info-box {	
	background-image:url(/mkt-assets/img/components/16-info.png);
	background-color:#E1EFFD;
	border-color:#99B9EA;
}
.question-box {
	background-image:url(/mkt-assets/img/components/16-question.png);
	background-color:#E1EFFD;
	border-color:#99B9EA;
}
.success-box h2 {
	color:#336600;
}
.failure-box h2 {
	color:#990000;
}
.warning-box, .info-box, .question-box h2 {
	color:#222222;
}

/* divider*/
.hr {
  border-bottom:1px solid #ccc;
  margin:10px 0 15px 0;
  height:5px;
}
.hr-soft {
	background-image:url(/mkt-assets/img/components/hr-soft.jpg);
	background-repeat:repeat-x;
	height:3px;
}
.hr-dash {
	background:transparent url(/mkt-assets/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(/mkt-assets/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:10px;
}
div.button a {
		padding:3px 8px; 
		display:block;
		background:url(/mkt-assets/img/components/button-bg.gif) repeat-x center left; 
		border:1px solid #3b6a90;
		color:#fff;		
}
div.button a:hover, div.button a:active, div.button a:visited {
	color:#fff !important; 
	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(/mkt-assets/img/components/button-bg.gif) repeat-x center left;
	font-family:arial;
}

.right{
	float:right;
}

.img-right-top{
	float:right;
	margin:0px 0px 25px 25px;
}

.img-right{
	float:right;
	margin:25px 0px 25px 25px;
}
.img-right-alt{
	float:right;
	margin:0px 0px 0px 25px;
}
.img-right-bottom{
	float:right;
	margin:25px 0px 0px 25px;
}
.img-left-top{
	float:left;
	margin:0px 25px 25px 0px;
}

.img-left{
	float:left;
	margin:25px 25px 25px 0px;
}
.img-left-alt{
	float:left;
	margin:0px 25px 0px 0px;
}
.img-left-bottom{
	float:left;
	margin:25px 25px 0px 0px;
}
.column-for-box {
	float:left;
	width:140px;
	margin-right:25px;
}
.column-box {
	margin-bottom:25px;	
}
.column-box h4{
	background:url(/mkt-assets/img/components/bg-col-header.jpg) no-repeat;
	padding:4px 7px;
	margin:0px;
	font-size:12px;
}
.column-box-sides{
	border:1px solid #d5d5d5;
	border-top:0px;
	padding:4px 7px;
}
.column-for-box .txt-ul-arrow{
	margin-bottom:0px;
	margin-left:-5px;
}
.column-for-box .txt-ul-arrow li{
	border-bottom:1px dotted #ccc;
}
.column-for-box .txt-ul-arrow li.last{
	border-bottom:none;
}

.column-for-box-large {
	float:left;
	width:245px;
	margin-right:25px;
}
.column-for-box-large {
}
.column-for-box-large h4{
	background:url(/mkt-assets/img/components/bg-col-header-large.jpg) no-repeat;
	padding:4px 7px;
	margin:0px;
	font-size:12px;
}
.column-box-sides{
	border:1px solid #d5d5d5;
	border-top:0px;
	padding:4px 7px;
}
.column-for-box-large .txt-ul-arrow{
	margin-bottom:0px;
	margin-left:-5px;
}
.column-for-box-large .txt-ul-arrow li{
	border-bottom:1px dotted #ccc;
}
.column-for-box-large .txt-ul-arrow li.last{
	border-bottom:none;
}
.col-left
{
	float:left;
	width:525px;
	padding: 0 30px 0 0;
}
.col-right
{
	width:245px;
	float:left;	
	text-align:left;
}
ul.column-box-ul
{
	margin-bottom:0px;	
}
.column-box-ul li
{
	border-bottom:1px dotted #ccc;
	padding:2px 6px;
}
.column-box-ul .last
{
 border:0px;	
}

div.date-stamp
{
	background:url(../img/components/48-calendar.png) no-repeat;
	height:48px;
	width:48px;
	margin:0 auto;	
	
}
.date-stamp span.month, .date-stamp span.day, .date-stamp span.year
{
	font-family:"Times New Roman", Times, serif;
	display:block;
	text-align:center;
}
.date-stamp span.month
{
	font-size:10px;
	color:#fff;	
	height:10px;
	line-height:10px;
	padding-top:3px;
	font-weight:bold;
}
.date-stamp span.day
{
	font-size:16px;
	font-weight:bold;
	height:16px;
	line-height:16px;
	margin-top:4px;
}
.date-stamp span.year
{
	font-size:9px;
	height:12px;
	line-height:12px;
}
.col-date{width:64px;}
.pagination
{
	font-size:11px;
	background-color:#efefef;
	margin:0px;
	padding:0px;
	margin-top:20px;
	border:1px solid #ddd;
	height:25px;	
}
.pages{
   float:left;
   overflow:hidden;
   position:relative;
   width:100%;
}
.pages ul
{
   clear:left;
   float:left;
   position:relative;
   left:50%;
   text-align:center;
   margin:0;
}

.pages ul li {
   display:block;
   float:left;
   position:relative;
   right:50%;
}
div.pages a{
}
.pagination a
{
	padding:0 8px;
	line-height:25px;
	vertical-align:middle;
	display:block;
	float:left;		
}
.pagination a.selected{
	background-color:#ddd;
}
.pagination a:hover{
	background-color:#ccc;
	text-decoration:none;	
}
.pagination .previous, .pagination .previous img, .pagination .next img, .pagination .next{vertical-align:middle; line-height:25px;}


