/*
1=00456B
2=30373A
3=727678
4=B5B9BB
5(red)=88201b
*/

html, body {height: 100%;}

html,body,div,p,ul,ol,li,h1,h2,h3,h4,pre,form,p,button,img,dd,dt,dl,tr,td,table {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background-color: #fff;
  font: normal 11px/16px Tahoma, Arial, sans-serif;
  color: #444;
}

input, select {
	font: normal 11px/16px Tahoma, Arial, sans-serif;
}

h1 {
	 color: #006595;
	 font-size: 13px;	
}

h3 {
	 color: #006595;
	 font-size: 13px;	
	margin-top: 15px;
	margin-bottom: 15px;
}

h4 {
	height: 10px;font-size: 13px;
	margin-top: 10px;
	color: #88201b;
	margin-bottom: 10px;
}

h5 {
	font-size: 12px;
	margin-top: 10px;
	color: #30373A;
	margin-bottom: 4px;
}
h6 {
	font-size: 12px;
	color: #30373A;
	margin-top: 0px;
	margin-bottom: 4px;
}

ul li {list-style-type: none;
	margin-bottom: 3px;
}

ol li {
	
	list-style-type: decimal;
	list-style-position: inside;
}

a {outline: none; text-decoration: none;}
a:hover {text-decoration: none; cursor: pointer;}
button span, ul#navigation span, h2 span /*, h3 span*/ {display: none;}

.ui-tabs .ui-tabs-hide {
     display: none;
}

input, textarea {
  font: normal 11px/17px Tahoma, Arial, sans-serif;
  color: #3a3a35;
}

button {
  display: block;
  cursor: pointer;
}

div.clear {
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  position: relative;
  clear: both;
}

#page_container {
  text-align: left;
  width: 900px;
  margin: 0 auto;
  padding: 0 0 30px 0;
}

#page_content {
  background: url(../images/navigation/content.gif) 0 0 repeat-y;
  width: 890px;
  margin: 35px 0 0 0px;
}

#page_content_min {
  width: 400px;
  margin: 10px;
}

.notifications li a,
p a,
h4 a,
.section a {
  color: #176390;
  border-bottom: 1px solid #d7e1e9;
}

.notifications li a:hover,
p a:hover,  
h4 a:hover {
  color: #3A444D;
  border-bottom: 1px solid #3A444D;
}

p.link {padding: 0 0 0 19px;}
p.arrow_right {background: url(../images/navigation/arrow_right.gif) 0 2px no-repeat;}
/* p.arrow_down {background: url(../img/icons/arrow_down.gif) 0 2px no-repeat;} */

.idxRed {
	color: #88201b;	
}


#left_column {
  /* was this -- wanted more width: 674px; */
  width: 674px;
  float: left;
}

#left_column .section {
	padding-right: 15px;
}

form label {
	color: #444;
}

/*
form input[type="submit"], input[type="button"] {
	border: 1px solid #999999;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	background: url(../images/navigation/button_back.gif) repeat-x;
}

form input[type="submit"]:hover, input[type="button"]:hover {
	border: 1px solid #444444;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	background: url(../images/navigation/button_back_on.gif) repeat-x;
}
*/
.required {
	color: #111;	
}	

.required:after{
	content: "*";
}


.gray_box {
	border: 1px solid #D9D9D9 !important;
	background-color : #f4f4f4;
	padding: 5px;
	margin: 1px;
	color: #333;
}

/*
.notifications {
	background-color: #fefee5;
	color: #292929;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	margin-top: 10px;
	margin-bottom: 10px;
	
}
*/
.notifications {
	border-bottom: 1px solid #D9D9D9 !important;
	border-left: 1px solid #D9D9D9 !important;
	/*background-color : #e2edf5; */
	
	padding: 5px 5px 5px 10px;
	color: #333;
	margin-bottom: 25px;
	background-color: #e2edf5;
	font-size: 110%;
	font-weight: bold;
	font-variant: small-caps;
}
.error_notifications {
	border-bottom: 1px solid #D9D9D9 !important;
	border-left: 1px solid #D9D9D9 !important;
	padding: 5px 5px 5px 10px;
	color: #FFF;
	margin-bottom: 25px;
	background-color: #88201b;
	font-size: 110%;
	font-weight: bold;
	font-variant: small-caps;
}

.notifications_block {
	border: 1px solid #D9D9D9 !important;
	background-color : #e2edf5;
	padding-left: 2px;
	padding-right: 2px;
	margin: 1px;
	color: #363636;
}

.notifications li {
	
	list-style-type: disc;
	list-style-position: inside;
}

.banner {
	  border-bottom: 1px solid #dcdcdc;
}

.sub_banner {
	margin-bottom: 10px;
	border-bottom: 1px solid #dcdcdc;
}

.chain {

	border-bottom: 1px solid #D9D9D9 !important;
	border-left: 1px solid #D9D9D9 !important;
	background-color : #F9F9F9;	
	padding: 5px;
}

.middle{
	margin-left: 10px;
}

/* Header
============================================ */
#help p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#header {height: 115px;}

  #header #logo {
    width: 250px;
    height: 98px;
    float: left;
	padding: 15px 0 0 5px;
}

  #header h1 {
    display: block;
    background: url(../images/IdentityExchangeLogo.png) 0 0 no-repeat;
    text-indent: -9999px;
    height: 98px;
    cursor: pointer;
  }


    #header h1 a {
      display: block;
      width: 250px;
      height: 98px;
    }

  #header .contact {
    width: 215px;
    padding: 25px 0 0;
    float: right;
  }

    #header .contact span {color: #5c5c56;}

/* Header MINIMAL
============================================ */

#header_min {height: 80px;}

  #header_min #logo {
    width: 244px;
    height: 75px;
    float: left;
	padding: 15px 0 0 5px;
}

  #header_min h1 {
    display: block;
    background: url(../images/IdentityExchangeLogoMin.png) 0 0 no-repeat;
    text-indent: -9999px;
    height: 80px;
    cursor: pointer;
  }


    #header_min h1 a {
      display: block;
      width: 244px;
      height: 75px;
    }

  #header_min .contact {
    width: 215px;
    padding: 25px 0 0;
    float: right;
  }

    #header_min .contact span {color: #5c5c56;}



/* Navigation
========================================= */

ul#navigation {height: 35px;}

    ul#navigation li a {
    	display: block;
      	height: 35px;
    	cursor: pointer;
    }

    ul#navigation li a#nav_link_buy {background: url(../images/navigation/NavMap.png) -5px -5px no-repeat; width: 75px; float: left;}
    ul#navigation li a#nav_link_sell {background: url(../images/navigation/NavMap.png) -80px -5px no-repeat; width: 75px; float: left;}
    ul#navigation li a#nav_link_my_account {background: url(../images/navigation/NavMap.png) -780px -5px no-repeat; width: 125px; float: left;}
    ul#navigation li#filler {background: url(../images/navigation/NavMap.png) -155px -5px no-repeat; width: 625px; float: left; display: block; height: 35px;}
    ul#navigation li a#exchange_sellers {background: url(../images/map.png) -455px -5px no-repeat;}
    ul#navigation li a#account_create {background: url(../images/map.png) -680px -5px no-repeat;}

    ul#navigation li a#nav_link_buy:hover, ul#navigation li a#nav_link_buy.selected {background: url(../images/navigation/NavMap.png) -5px -40px no-repeat; width: 75px; float: left;}
    ul#navigation li a#nav_link_sell:hover, ul#navigation li a#nav_link_sell.selected {background: url(../images/navigation/NavMap.png) -80px -40px no-repeat; width: 75px; float: left;}
    ul#navigation li a#nav_link_my_account:hover, ul#navigation li a#nav_link_my_account.selected {background: url(../images/navigation/NavMap.png) -780px -40px no-repeat; width: 125px; float: left;}

    
    ul#navigation li a#exchange_how:hover, ul#navigation li a#exchange_how.selected {background: url(../images/map.png) -5px -40px no-repeat;}
    ul#navigation li a#exchange_buyers:hover, ul#navigation li a#exchange_buyers.selected {background: url(../images/map.png) -230px -40px no-repeat;}
    ul#navigation li a#exchange_sellers:hover, ul#navigation li a#exchange_sellers.selected {background: url(../images/map.png) -455px -40px no-repeat;}
    ul#navigation li a#account_create:hover, ul#navigation li a#account_create.selected {background: url(../images/map.png) -680px -40px no-repeat;}
    
    /* AUTHENTICATED */
    ul#navigation li a#user_home {background: url(../images/map_authenticated.png) -5px -5px no-repeat;}
    ul#navigation li a#user_logout {background: url(../images/map_authenticated.png) -680px -5px no-repeat;}
    ul#navigation li a#user_home:hover, ul#navigation li a#user_home.selected {background: url(../images/map_authenticated.png) -5px -40px no-repeat;}
    ul#navigation li a#user_logout:hover, ul#navigation li a#user_logout.selected {background: url(../images/map_authenticated.png) -680px -40px no-repeat;}
/* Footer
========================================== */

#footer {
  padding: 25px 0;
  margin: 0 0 0 15px;
}

  #footer ul,
  #footer li {float: left;}

    #footer li a {
      color: #6e6e66;
      border-bottom: 1px solid #e0e0e0;
    }

    #footer li a:hover {
      color: #8e8e86;
      border-bottom: 1px solid #fff;
    }

    #footer li span {color: #d0d0d0;}

  #footer p#copyright {
   
    float: right;
  }   
  
/* Right column
============================================= */

#right_column {
  width: 215px;
  float: right;
  padding: 0 0 27px 0;
}
/*#3A444D*/
  #right_column p, #right_column form {margin: 5px 0 0 15px;}
  #right_column p.highlight,#right_column span.highlight {color: #222;}
  .highlight  {color: #222;}
  #right_column p.new {margin: 19px 0 0 15px;}

#right_column p.link {margin: 5px 0 15px 15px;}
#right_column p.padleft {padding-left: 20px;}
#left_column p.list{
	padding-bottom: 5px;
}
  #right_column .section, #right_column .section_top {
    padding: 0 0 15px;
    border-bottom: 1px solid #dcdcdc;
  }
  
  #right_column .section {
	
	padding: 15px 0px;
}

#right_column p img.trash {
	
	

}

/*  
  #right_column .section input[type='text'], input[type='password'] {
	width: 100px;
	
}
*/

#right_column h3 {margin: 0 0 12px 15px;}

h3#latest_news {
  background: url(../images/index/latest_news.png) 0 0 no-repeat;
  height: 10px;
  width: 79px;
}

h3#user_login {
  background: url(../images/index/user_login.png) 0 0 no-repeat;
  height: 10px;
  width: 110px;
}

h3#user_logged_in {
  background: url(../images/index/user_logged_in.png) 0 0 no-repeat;
  height: 10px;
  width: 110px;
}

h3#account_details {
  background: url(../images/index/account.png) 0 0 no-repeat;
  height: 10px;
  width: 110px;
}

h3#exchange_account_transactions {
  background: url(../images/index/exchange_account_transactions.png) 0 0 no-repeat;
  height: 10px;
  width: 125px;
}

h3#saved_searches_right_column {
  background: url(../images/index/saved_searches.png) 0 0 no-repeat;
  height: 10px;
  width: 125px;
}

h3#help_right_column {
  background: url(../images/index/help.png) 0 0 no-repeat;
  height: 10px;
  width: 125px;
}




#message {
  color: #5c5c56;
  width: 586px;
  padding: 0 0 30px 0;
  float: left;
}


.left_textinput {
  width: 200px;
  margin: 0 30px 0 0;
  float: left;
}

.left_textinput_20 {
  width: 20px;
  margin: 0 5px 0 0;
  float: left;
}

.left_textinput_50 {
  width: 50px;
  margin: 0 5px 0 0;
  float: left;
}

.left_textinput_55 {
  width: 55px;
  margin: 0 5px 0 0;
  float: left;
}

.left_textinput_60 {
  width: 60px;
  margin: 0 5px 0 0;
  float: left;
}

.left_textinput_65 {
  width: 65px;
  margin: 0 5px 0 0;
  float: left;
}

.left_textinput_75 {
  width: 75px;
  margin: 0 5px 0 0;
  float: left;
}


.left_textinput_30 {
  width: 30px;
  margin: 0 5px 0 0;
  float: left;
}


.left_textinput_40 {
  width: 40px;
  margin: 0 5px 0 0;
  float: left;
}

.left_textinput_100 {
  width: 100px;
  margin: 0 5px 0 0;
  float: left;
}

.left_textinput_105 {
  width: 105px;
  margin: 0 5px 0 0;
  float: left;
}

.left_textinput_115 {
  width: 115px;
  margin: 0 5px 0 0;
  float: left;
}

.left_textinput_125 {
  width: 125px;
  margin: 0 5px 0 0;
  float: left;
}

.left_textinput_150 {
  width: 150px;
  margin: 0 5px 0 0;
  float: left;
}

.left_textinput_160 {
  width: 160px;
  margin: 0 5px 0 0;
  float: left;
}

.left_textinput_175 {
  width: 175px;
  margin: 0 5px 0 0;
  float: left;
}

.left_textinput_225 {
  width: 225px;
  margin: 0 5px 0 0;
  float: left;
}

.left_textinput_215 {
  width: 215px;
  margin: 0 5px 0 0;
  float: left;
}

.left_textinput_400 {
  width: 400px;
  margin: 0 5px 0 0;
  float: left;
}

.left_textinput_350 {
  width: 350px;
  margin: 0 5px 0 0;
  float: left;
}

.full_textinput {
  width: 600px;
  margin: 0 30px 0 0;
  float: left;
}

.middle_textinput {
  width: 100px;
  margin: 0 30px 0 0;
  float: left;
}

.right_textinput {
  width: 200px;
  float: left;
}

.input_100 {
	width: 100px;
}

.input_115 {
	width: 115px;
}

.input_125 {
	width: 125px;
}

.input_150 {
	width: 150px;
}

.input_200 {
	width: 200px;
}

.input_300 {
	width: 300px;
}

.input_400 {
	width: 400px;
}

.input_500 {
	width: 500px;
}

.input_600 {
	width: 600px;
}

.input_50 {
	width: 50px;
}

.input_60 {
	width: 60px;
}

.input_75 {
	width: 75px;
}



.buttonSave {
	border: 1px solid #CCC;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	height: 22px;
	padding-left: 2px;
	padding-right: 2px;
	background: url(../images/navigation/button_back.gif) repeat-x;
}
.buttonCreate {
	border: 1px solid #338822;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	padding: 3px;
	background: url(../images/navigation/button_back.gif) repeat-x;
	
}.buttonDelete {
	border: 1px solid #CC0000;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	padding: 3px;
	background: url(../images/navigation/button_back.gif) repeat-x;
}

.buttonSave:hover {
	border: 1px solid #CCC;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	height: 22px;
	padding-left: 2px;
	padding-right: 2px;	
	background: url(../images/navigation/button_back_on.gif) repeat-x;
}

.buttonCreate:hover {
	border: 1px solid #337700;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	background: url(../images/navigation/button_back_on.gif) repeat-x;
}

.buttonDelete:hover {
	border: 1px solid #990011;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	background: url(../images/navigation/button_back_on.gif) repeat-x;
}

  #message .row {margin: 9px 0 0 0;}

  #message .row label em {font-style: normal; padding-left: 3px; color: #444;}

  #message .row label {font-style: normal; color: #444;
	font-size: 12px;
}

 #message h3 {
	margin-top: 15px;
	margin-bottom: 15px;
}

label {
	color: #444;
}


  #message div.textinput {
    background: url(../images/forms/text_200.gif) 0 0 no-repeat;
    height: 26px;
    margin: 3px 0 0 0;
  }

.errors {
	color: #911A28;	
}

.negative {
	color: #88201b;
}	

.inline {
	display: inline;	
}   

.float-left {
	float: left;
}

.float-right {
	float: right;
}

table {
	vertical-align: top;
}

td, th {
	padding: 3px;
	vertical-align: top;
}
/*
thead td {
	background-color: #00456B;
	color: #FFF;
	font-weight: bold;
	line-height: 1.2;
}
*/
thead td, thead th, tfoot td {
	background-color: #006595;
	color: #FFF;
	line-height: 1.2;
	font-weight: normal;
}

tr.alt td {
	background: #ecf6fc;
	/*border: 1px solid #00456B !important;*/
	margin: 0px;
	vertical-align: top;
}

div.alt {
	background: #ecf6fc;
	/*border: 1px solid #00456B !important;*/
	margin: 0px;
	vertical-align: top;	
}

tr td {
	background: #fff;
	margin: 0px;
	vertical-align: top;
}	

tr.over td {
	background: #bcd4ec;
}

.cursor {
	cursor: pointer;
	
}

tr.selected td {
	background: #8696a7;
	color: #FFF;
}

tr.selected_light td {
	background: #b1c7dd;
	color: #333;
}

#spinner{
	float: left;
	width: 50px;
	margin-top: 20px;
	margin-left: 5px;
}

#spinner2{
	margin-left: 5px;	
}

#spinner img{
	display:inline-block;
	vertical-align: middle;
}

.threeColumns {
	
}

.threeColumns li {
min-width: 30%;
max-width: 33%;
float: left;
list-style: none;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 3px;
}



.tenColumns li {
min-width: 8%;
max-width: 9%;
float: left;
list-style: none;
margin-right: 5px;
margin-left: 10px;
margin-bottom: 3px;
}

.twoColumns li {
min-width: 46%;
max-width: 50%;
float: left;
list-style: none;
margin-right: 5px;
margin-left: 10px;
margin-bottom: 3px;
}

.threeColumns li a {
/*	color: #666; */	
	line-height: 10px;
	padding: 5px;
}	

/* This will clear the floating in standards compliant browers... might not work in IE */
.threeColumns:after {
display: block;
content: ' ';
clear: both;
}
/* This will clear the floating in standards compliant browers... might not work in IE */
.tenColumns:after {
display: block;
content: ' ';
clear: both;
}

.twoColumns:after {
display: block;
content: ' ';
clear: both;
}

.help_icon {
	vertical-align: text-bottom;
}

a.noBorder {border-bottom-width: 0 !important;}
a.noBorder:hover {border-bottom-width: 0 !important;}

.twitter_badge {
	margin-left: 12px;
}

.margin_l_10 {
	margin-left: 10px;
}

.margin_tb_5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.margin_t_10 {
	margin-top: 10px;
}

.margin_t_5 {
	margin-top: 5px;
}
.margin_t_15 {
	margin-top: 15px;
}

.margin_b_10 {
	margin-bottom: 10px;
}

.margin_b_20 {
	margin-bottom: 20px;
}

.margin_b_30 {
	margin-bottom: 30px;
}
.margin_b_2 {
	margin-bottom: 2px;
}

.margin_b_15 {
	margin-bottom: 15px;
}

.margin_b_25 {
	margin-bottom: 25px;
}
.margin_t_25 {
	margin-top: 25px;
}
.margin_tb_25 {
	margin-top: 25px;
	margin-bottom: 25px;
}


#column_1 {
	float: left;
	width: 315px;
	
}

.column_1_two_thirds {
	float: left;
	width: 400px;
	
}

.column_1_one_third {
	float: left;
	width: 205px;
	
}

.column_2_two_thirds {
	float: right;
	width: 400px;
	clear: right;
}

.column_2_one_third {
	float: right;
	width: 205px;
	clear: right;
}

#column_2 {
	float: right;
	width: 315px;
}

#column_1 ul {
	list-style-position: outside;
	list-style-type: circle;
}

hr {
	border-top: 0px;
	border-bottom: 1px solid #dcdcdc;
}

.float_right {
	float: right;
}

.width_20 {
	width: 20px;
	display: inline-block;
}

#listing {
	
	
}
	
#listing_description {
	
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-top: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	min-height: 400px;
	padding: 5px;
	
}

#listing p {
	margin-top: 5px;
	margin-bottom: 5px;
}

.listingDetails {
	
	
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	padding: 5px;
	left-margin: 5px;
	
}
.listingInfo {
	
	background-color : #e2edf5;
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-top: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	padding: 5px;
	left-margin: 5px;
	
}

.labelText {
	color: #30373A;
}

.me {
	border: 1px solid #D9D9D9 !important;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #f1f1f1;
	color: #333;
}

.redBlock {
	padding-left: 2px;
	padding-right: 2px;
	background-color: #88201b;	
	color: #FFF;	
}

.grayBlock {
	padding-left: 2px;
	padding-right: 2px;
	background-color: #30373A;	
	color: #FFF;	
}

table.tablesorter thead tr .header {
	background-image: url(../images/navigation/asc_desc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead th {
	padding-right:20px;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/navigation/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/navigation/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #0080BD;
}

.profileThumbnail {

	float:	left;
	display: inline;
	max-width:   60px;
	max-height:   60px;
	padding-right: 5px;
	margin:  0px;
	
}

.unreconciled td {
	color: #999;	
}

.pager {

}


