/*
@website:
@author:
@copyright:

1.   general rules
1.1  global reset
1.2. block elements
1.3. inline elements
1.4. alignment classes
1.5. floats
1.6. miscellaneous classes 

2.   layout
2.1. container
2.2. header
2.3. content
2.4. footer
*/

/*************************************
1. General rules
**************************************/

/*---------1.1. global reset-------------*/
*{ 
    outline:0; 
    font-size:100%; 
    font-family:inherit; 
    text-decoration:none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, input, select, option, optgroup{
	padding:0px;
}

html{
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	font-family:Tahoma;
	background:url(/img/new_design/background.gif) top left repeat;
}

/*-------1.2. block elements----*/
h1,h2,h3,h4,h5,h6,p{
	margin:0px;
	padding:0px;
}

blockquote{}

noscript div{
	color:red;
	font-size:12px;
}

hr{
	display:none;
}

/*--------------1.2.1 lists-------------*/
ul,dl,dt,dd{
	list-style:none;
	padding:0px;
	margin:0px;
} 
ol{}

/*------------1.2.2 forms-----------------*/
form{}

form ol{}

form li{
}

form a{
	color:#000000;
	text-decoration:underline;
}

form dl dt{
	float:left;
	clear:left;
	width:47%;
}

form dl dd{
	float:right;
	clear:right;
	width:47%;
}

form li label{
	display:block;
	cursor:pointer;
	text-transform:
	capitalize;
}

fieldset{
	border:none;
}

legend{}

input.textinput{
}

input.password{}

input.file{}

input.hidden{}

input.radio{}

input.checkbox{}

input.image{}

input[type="submit"],
input[type="reset"]{
	cursor:pointer;
}

button{
	cursor:pointer;
	border:none;
	color:#ffffff;
	text-align:center;
	background:none;
}

span.button1{
	background:url(/img/new_design/button1.gif) center left no-repeat;
	display:block;
	float:left;
	margin-top:-2px;
}

span.button1 span{
background:url(/img/new_design/button1-right.gif) center right no-repeat;
	display:block;
	float:left;
	padding:4px;
}

span.button2{
	background:url(/img/new_design/button2.gif) center left no-repeat;
	display:block;
	float:right;
	margin-top:-2px;
}

span.button2 span{
background:url(/img/new_design/button2-right.gif) center right no-repeat;
	display:block;
	float:left;
	padding:4px 10px;
}

span.button3{
	background:url(/img/new_design/button3.gif) center left no-repeat;
	display:block;
	float:right;
}

span.button3 button{
	color:#c06c00;
}

span.button3 span{
background:url(/img/new_design/button3-right.gif) center right no-repeat;
	display:block;
	float:left;
	padding:6px;
}


select{}

option{}

optgroup{}

.multiple-select{
	overflow:auto;
}

textarea{}

.small{
	width:3em;
}

.medium{
	width:50%;
}

.full{
	width:100%;
}

select.medium{
	width:50.8%;
}

select.full{
	width:100.5%;
}
/*--------------1.2.3. tables-------------*/
table {
  border:none;
	border-collapse:separate; 
	border-spacing:0;  /*when set to "0" cellspacing has no effect on tables */
}

tr{}

td{}

th{}

/*----------1.2.4 padded divs------------*/
.pad1{}

.pad2{}

.pad3{}

/*----------1.3. inline elements---------*/
a{
	cursor:pointer;
}

a:hover, a:focus{}

a:visited{}

a img{
	border:none;
}

span{}

strong,b{
	font-weight:bold;
}

em,i{
	font-style:oblique;
}

u{
	text-decoration:underline;
}

img{
	border:none;
}

/*-------1.4. alignment classes-------*/
.left{text-align:left;}

img.left{
	float:left;
	clear:left;
}

.center{text-align:center;}

img.center{
	margin:0 auto;
	display:block;
}

.right{text-align:right;}

img.right{
	float:right;
	clear:right;
}

/*-------------1.5. floats-------------*/
.leftfloat{
	float:left;
	clear:left;
}

.rightfloat{
	float:right;
	clear:right;
}
/*------1.5.1. clearing floats---------*/
/*clearfix*/
.clearfix:after,
form li:after,
form dl:after,
form dt:after, 
form dd:after,
#leftcol div.box dl:after,
#leftcol li div.middle:after,
#content:after{
    content: " "; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}

form li,
form dl,
form dt, 
form dd,
.clearfix 
{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix,
* html form li,
* html form dl,
* html form dt, 
* html form dd,
#leftcol div.box dl
{height: 1%;}

.clearfix,
form li,
form dl,
form dt, 
form dd,
#leftcol div.box dl
{display: block;}
/* End hide from IE-mac */
/*end of clearfix*/

/*-------1.6. other classes------*/

/************************************
2. Layout
*************************************/

/*------------2.1. container------------*/
#container{
	width:900px;
	padding:0px 15px 5px 15px;
	margin:0 auto;
	background:url(/img/new_design/drop-shadow.png) top center repeat-y;
	font-size:12px;
}
/*end of container*/

/*------------2.2. header---------------*/
#header{
	position:relative;
}

#ticker{
	font-size:13px;
	background:#01398e url(/img/new_design/ticker-left.gif) bottom left no-repeat;
}

#ticker-inner{
	background:url(/img/new_design/ticker-right.gif) bottom right no-repeat;
	padding:6px 9px;
	color:#ffffff;
}

span.down{
	color:#ff3131;
}

span.up{
	color:#9ef200;
}

#ticker img{
	vertical-align:middle;
}

#logo{
	display:block;
	width:225px;
	height:95px;
	float:left;
}

#login{
	float:right;
	clear:right;
	padding-top:10px;
}

#login strong.user{
	color:#b51112;
}

#login a{
	color:#000;
	text-decoration:underline;
}


#login div{
	padding-top:8px;
}

#searchform{
	float:right;
	clear:right;
	margin-top:22px;
}


#searchbox-holder{
	width:232px;
	height:21px;
	line-height:21px;
	float:left;
	background:url(/img/new_design/searchbox.gif) center left no-repeat;
	margin-right:4px;
}

#tip{
	background: url(/img/new_design/tip.gif) bottom center no-repeat;
	width:471px;
	margin-left:260px;
	font-size:11px;
	color:#838282;
	text-align:justify;
}

#tip .inner{
	padding:10px 15px 20px 55px;
	background:url(/img/new_design/tip-inner.gif) 15px 7px no-repeat;
}

#searchbox{
	width:200px;
	padding:2px 15px;
	font-size:12px;
	color:#aaaaaa;
	border:none;
	background:none;
}


#mainmenu{
	clear:both;
	background:#760f13 url(/img/new_design/main-menu.gif) top left repeat-x;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	text-transform:capitalize;
	position:relative;
}

#mainmenu a{
		color:#ffffff;
}

#mainmenu div.top-left{
	background:url(/img/new_design/main-menu-left.gif) top left no-repeat;
	
}

#mainmenu div.top-right{
	background:url(/img/new_design/main-menu-right.gif) top right no-repeat;
	padding:5px 5px 7px 0px; 
}


#mainmenu ul a{
	padding:5px 20px 6px 20px;
}

#mainmenu ul a:hover{
	background:url(/img/new_design/highlight.gif) top center no-repeat;
}

#mainmenu li{
	display:inline;
	background: url(/img/new_design/menu-separator.gif) center right no-repeat;
}

#mainmenu li.last-child,
#mainmenu li:last-child{
	background:none;
}

#mainmenu span.button2{
	position:absolute;
	top:5px;
	right:5px;
	z-index:2;
}

#submenu{
	clear:both;
	background:#01398e;
	padding:6px 20px;
	}

#submenu li{
	display:inline;
	border-right:1px solid #ffffff;
}

#submenu li.last-child,
#submenu li:last-child{
	border-right:none
}

#submenu a{
	color:#ffffff;
	text-transform:capitalize;
	margin:0px 20px;
}

#section{
	height:35px;
	background:url(/img/new_design/section.gif) top left no-repeat;
	clear:both;
}

#section ul{
	padding:5px 0px 0px 370px;
}

#section li{
	float:left;
	margin-right:15px;
}

#section a{
	display:block;
	text-align:center;
	width:110px;
	height:24px;
	line-height:24px;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
}

#section a.buttonred2{
	background:url(/img/new_design/button-red2.gif) center center no-repeat;
}

#section a.buttonblue2{
	background:url(/img/new_design/button-blue2.gif) center center no-repeat;
}
/*end of header*/

/*------------2.3. content--------------*/
#content{
	clear:both;

	position:relative;
	top:-5px;
}

#maincol{
	color:#565656;
	float:right;
	width:690px;
}


#maincontent{
	float:left;
	padding:10px;
	background:#fbf7ec;
	border:1px solid #f1eace;
	margin-top:55px;
}

#maincontent a{
	color:#556ab1;
}

#maincol ol{
}


#breadcrumbs{
	color:#b6b6b6;
	font-size:11px;
	padding-bottom:5px;
	border-bottom:1px solid #b6b6b6;
	margin-bottom:20px;
}

#breadcrumbs a{
	color:#b6b6b6;
	text-transform:capitalize;
}

#breadcrumbs a.current{
	text-decoration:underline;
}

#leftcol{
	float:left;
	width:196px;
	display:inline;
}

#leftcol h3{
	background:#709de1 url(/img/new_design/h3.gif) center top no-repeat;
	height:24px;
	line-height:24px;
	text-align:center;
	text-transform:capitalize;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
}

#leftcol div.box{
	background:#fff5e1 url(/img/new_design/box-bottom.gif) bottom center no-repeat;
	padding:4px 6px 3px 6px;
	margin-bottom:8px;
}

#leftcol div.box select{
	width:100%;
	text-transform:capitalize;
	margin:4px 0px 7px 0px;
}

#leftcol div.box dt{
	width:50%;
	float:left;
	clear:left;
	text-transform:capitalize;
}

#leftcol div.box dd{
	width:50%;
	float:right;
	clear:right;
	text-align:right;
	color:#cd1900;
}

#leftcol div.box dt.odd,
#leftcol div.box dd.odd{
	background:#faedc8;
}

#leftcol div.box dt.even,
#leftcol div.box dd.even{
	padding:2px 0px;
}

#leftcol div.box li{
	font-size:11px;
	line-height:14px;
	margin-bottom:5px;
}

#leftcol li div.top{
	padding-top:5px;
	background:url(/img/new_design/transactions-top.gif) top center no-repeat;
}

#leftcol li div.middle{
	background:url(/img/new_design/transactions.gif) top center repeat-y;
	padding:0px 6px;
}

#leftcol li div.bottom{
	padding-top:5px;
	background:url(/img/new_design/transactions-bottom.gif) top center no-repeat;
}

#leftcol li strong a{
	color:#d4361e;
}

#leftcol div.traffic{
	width:44px;
	height:44px;
	float:left;
	margin-right:8px;
	line-height:14px;
	background:url(/img/new_design/traffic.gif) center center no-repeat;
	text-align:center;
	font-size:11px;
}

#leftcol div.traffic img{
	display:block;
	margin:2px auto 0px auto;
}

#loginform label{
	float:left;
	width:60px;
	padding-left:5px;
}

#loginform input.textinput{
	width:110px;
	border:1px solid #9c9b97;
}
/*end of content*/

/*-----------2.4. footer----------------*/
#footer{
	clear:both;
	text-align:center;
	background:url(/img/new_design/footer.gif) center center no-repeat;	
	height:28px;
	line-height:28px;
}
/*end of footer*/