body { 
margin : 0;
padding : 0;
line-height : 1em;
font-family : Tahoma, Georgia, Times New Roman, serif;
font-size : 12px;
font-weight : normal;
} 
td {
font-size : 12px;
}
b { 
font-size : 110%;
} 
em { 
color : red;
} 
#main { 
width : 760px;
margin : 0 auto;
} 
#top { 
background : #316ac5;
height : 50px;
border-bottom : 6px solid #689ef0;
margin-right : 0;
} 
#top h1 { 
margin : 0;
padding-top : 22px;
} 
#top h1 a img {
  border-width: 0px;
} 
#top h3 { 
  margin-right : 0px;
  margin-left : 140px;
  float : left;
  margin-top : 0px;
  padding-left : 0px;
  padding-top : 0;
  margin-top : -13px;
  font-size : 12px;
  color : #fff;
  text-align : left;
} 
#top h2 { 
  margin-right : 0px;
  float : right;
  margin-top : 0px;
  padding-left : 0px;
  padding-top : 0;
  margin-top : -13px;
  font-size : 11px;
  color : #fff;
  text-align : right;
} 
#toptab{
margin-left: 4px;
margin-bottom : 0px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}
#toptab ul{
font: normal 11px Tahoma, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}
#toptab li{
display:inline;
margin:0 0px 0 0;
padding:0;
text-transform:lowercase;
}
#toptab a{
float:left;
color: #316ac5;
background: #689ef0 url(media/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}
#toptab a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}
#toptab a span{
float:none;
}
#toptab a:hover{
color: #fff;
}
#toptab a:hover span{
color: #fff;
}
#toptab #current a, #toptab #current span{ /*currently selected tab*/
color: #fff;
}
#contentwrapper { 
float : left;
width : 100%;
margin-top : 0px;
margin-left : 0px;
} 
#contentcolumn { 
margin-right : 160px;
border-right : 1px solid #efefef;
border-bottom : 1px solid #efefef;
border-left : 1px solid #efefef;
border-top : 1px solid #efefef;
background : #ffffff;
padding-top : 10px;
} 
#leftcolumn { 
float : right;
width : 160px;
margin-left : -160px;
background : #efefef;
padding-top : 0px;
} 
.leftcolumn { 
padding-top : 0px;
padding-bottom : 10px;
text-size : 10px;
color : #a0a0a0;
} 
.leftcolumn a{ 
padding-top : 0px;
padding-bottom : 10px;
text-size : 10px;
color : #a0a0a0;
text-decoration : none;
} 
.leftcolumn a:hover{ 
padding-top : 0px;
padding-bottom : 10px;
text-size : 10px;
color : #a0a0a0;
text-decoration : underline;
} 
#side_divider { 
width : 161px; 
height : 20px; 
background : #ffffff;
margin-left : -0px; 
} 
#side_bg { 
width : 161px; 
background : #ffffff;
margin-left : -0px; 
padding-left : 0px; 
padding-right : 0px; 
padding-top : 5px; 
} 
#features { 
width : 161px;  
background : #ffffff;
margin-left : -10px; 
margin-bottom : -10px;
padding-top : 20px;
padding-left : 10px;
padding-bottom : 10px;
color : #555555;
font-size : 13px;
line-height : 24px;
text-align : center;
} 
#features a { 
font-weight : normal;
color : #777777;
} 
#bullet_point { 
color : #dadada;
} 
#side_divider_padding { 
width : 161px; 
height : 15px; 
background : #efefef;
margin-left : -10px; 
} 
#footer { 
clear : left;
width : 590px;
color : #a0a0a0;
text-align : left;
padding-bottom : 10px;
padding-left : 10px;
height : 20px;
} 
#footer a { 
color : #000000;
text-align : left;
} 
#copyright { 
clear : left;
color : #a0a0a0;
text-align : left;
padding-top : 10px;
padding-left : 10px;
font-size : 11px;
height : 20px;
} 
#copyright a { 
color : #a0a0a0;
text-align : left;
}
#copylinks {
color : #555555;
padding-top : inherit;
margin-top : -39px;
} 
#copylinks p { 
color : #777777;
font-size : 11px;
line-height : 11px;
text-align : right;
padding : 0 10px 0 0;
} 
#copylinks a { 
font-weight : normal;
color : #777777;
text-decoration : none;
padding-left : 8px;
padding-right : 8px;
} 
#copylinks a:hover { 
font-weight : normal;
color : #777777;
text-decoration : underline;
} 
.innertube { 
margin : 10px;
margin-top : 0;
} 
form { 
display : inline;
margin : 0;
padding : 0;
} 
fieldset { 
border : none;
padding : 0;
} 
legend { 
font-weight : bold;
margin-bottom : 10px;
color : #000000;
padding-left : 0;
} 
label { 
display : block;
float : left;
line-height : 14px;
width : 140px;
color : #a0a0a0;
font-weight : normal;
padding-top : 5px;
} 
input { 
color : #000000;
border : 1px solid #e0e0e0;
background-color : #ffffff;
font-size : 1em;
padding-left : 3px;
padding-top : 3px;
padding-bottom : 3px;
} 
select { 
color : #000000;
border : 1px solid #e8e8e8;
background-color : #ffffff;
font-size : 1em;
margin-bottom : 5px;
} 
textarea { 
color : #000000;
border : 1px solid #e8e8e8;
background-color : #ffffff;
margin-bottom : 5px;
} 
* html fieldset { 
position : relative;
} 
* html legend { 
position : absolute;
top : -0.5em;
left : -7px;
} 
* html fieldset { 
position : relative;
margin-top : 1em;
padding-top : 0;
}
.inputbutton { 
border : none;
font-weight : normal;
color : #ffffff;
cursor : pointer;
background-color : #689ef0;
text-align : center;
width : 75px;
margin-top : 7px;
} 
#features { 
color : #555555;
margin : 30px 0;
} 
#features p { 
color : #777777;
font-size : 13px;
line-height : 24px;
text-align : center;
padding : 0 25px 0 25px;
} 
#features a { 
font-weight : normal;
color : #777777;
} 
#bullet_point { 
color : #dadada;
} 
#signup { 
color : #555555;
margin : 0px 0;
} 
#signup p { 
color : #777777;
font-size : 13px;
line-height : 13px;
text-align : right;
padding : 0 0 0 0;
} 
#signup a { 
font-weight : bold;
} 
#page_header {
color : #316ac5;
padding-top : 0px;
padding-bottom : 0px;
margin-top : 0px;
margin-bottom : 0px;
border-bottom : 1px solid #316ac5;
} 
#page_header h2 { 
color : #316ac5;
font-size : 14px;
text-align : left;
padding-top : 0px;
padding-bottom : 0px
margin-top : 0px;
margin-bottom : 10px;
} 
#page_header a { 
color : #316ac5;
font-size : 14px;
text-align : left;
padding-top : 0px;
padding-bottom : 0px
margin-top : 0px;
margin-bottom : 10px;
text-decoration : none;
} 
#page_header a:hover { 
color : #316ac5;
font-size : 14px;
text-align : left;
padding-top : 0px;
padding-bottom : 0px
margin-top : 0px;
margin-bottom : 10px;
text-decoration : underline;
} 
#page_header h6 { 
color : #d8dfea;
font-size : 12px;
text-align : right;
float : top;
margin-top : -20px;
margin-bottom : 10px;
} 
.welcome_buttons {
  display:inline; }

.welcome_buttons a {
  float:left;
  display:inline;
  padding-left:25px; 
  width:122px;
  color:#666;
  background-color:#ffffff;
  border-top:1px solid #fff;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  border-bottom:1px solid #fff; }

.welcome_buttons a:hover {
  text-decoration:none;
  color:#333;
  background:#d8dfea;
  border-top:1px solid #3b5998;
  border-left:1px solid #3b5998;
  border-right:1px solid #3b5998;
  border-bottom:1px solid #3b5998; }

.welcome_buttons a h4 {
  margin:0;
  padding:0 0 0 0px;
  font-size:13px;
  color:#333;
  border: 0px; }

.welcome_buttons a:hover h4 {
  color:#000; }

.welcome_buttons a p {
  font-size:11px;
  margin:0;
  padding:3px 0 2px 0; }

.welcome_buttons a p span {
  display:block; }

.under_login_tour {
  margin-right:20px;
  padding:3px 0 0 25px; }

.under_login_tour a {
  width:112px;
  padding:3px 4px 4px 4px;
  margin:8px 0 0 13px; }

html #book .under_login_tour a:hover {
  text-decoration:none;
  color:#333;
  background:#d8dfea;
  border-top:1px solid #3b5998;
  border-bottom:1px solid #3b5998; }

.under_login_tour a h4 {
  font-size:11px;
  padding:0 0 0 0px;

.under_login_tour a p {
  font-size: 9px;
  padding: 3px 0 0 0px; }

.joinform p{
width: 300px;
clear: left;
margin: 0;
padding: 0 0 0 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 14px;
}

.joinform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.joinform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.joinform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.photo_buttons {
  margin-right:10px;
  margin-bottom:10px;
  display:inline; }

.photo_buttons a {
  float:left;
  display:inline;
  padding-left:25px; 
  width:122px;
  color:#666;
  background-color:#ffffff;
  border-top:1px solid #efefef;
  border-left:1px solid #efefef;
  border-right:1px solid #efefef;
  border-bottom:1px solid #efefef; }

.photo_buttons a:hover {
  text-decoration:none;
  color:#333;
  background:#ffffff;
  border-top:1px solid #3b5998;
  border-left:1px solid #3b5998;
  border-right:1px solid #3b5998;
  border-bottom:1px solid #3b5998; }

.photo_buttons a h4 {
  margin:0;
  padding:0 0 0 0px;
  font-size:13px;
  color:#333;
  border: 0px; }

.photo_buttons a:hover h4 {
  color:#000; }

.photo_buttons a p {
  font-size:11px;
  margin:0;
  padding:3px 0 2px 0; }

.photo_buttons a p span {
  display:block; }

.under_photo_album {
  margin-right:20px;
  padding:3px 0 0 25px; }

.under_photo_album a {
  width:112px;
  padding:3px 4px 4px 4px;
  margin:8px 0 0 13px; }

html #book .under_photo_album a:hover {
  text-decoration:none;
  color:#333;
  background:#d8dfea;
  border-top:1px solid #3b5998;
  border-bottom:1px solid #3b5998; }

.under_photo_album a h4 {
  font-size:11px;
  padding:0 0 0 0px;

.under_photo_album a p {
  font-size: 9px;
  padding: 3px 0 0 0px; }

.cool_buttons {
  display:inline; }

.cool_buttons a {
  float:left;
  display:inline;
  padding-left:25px; 
  width:88px;
  color:#666;
  background-color:#ffffff;
  border-top:1px solid #fff;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  border-bottom:1px solid #fff; }

.cool_buttons a:hover {
  text-decoration:none;
  color:#333;
  background:#d8dfea;
  border-top:1px solid #3b5998;
  border-left:1px solid #3b5998;
  border-right:1px solid #3b5998;
  border-bottom:1px solid #3b5998; }

.cool_buttons a h4 {
  margin:0;
  padding:0 0 0 0px;
  font-size:13px;
  color:#333;
  border: 0px; }

.cool_buttons a:hover h4 {
  color:#000; }

.cool_buttons a p {
  font-size:11px;
  margin:0;
  padding:3px 0 2px 0; }

.cool_buttons a p span {
  display:block; }

.cool_login_tour {
  margin-right:20px;
  padding:3px 0 0 25px; }

.cool_login_tour a {
  width:88px;
  padding:3px 4px 4px 4px;
  margin:8px 0 0 13px; }

html #main .cool_login_tour a:hover {
  text-decoration:none;
  color:#333;
  background:#d8dfea;
  border-top:1px solid #3b5998;
  border-bottom:1px solid #3b5998; }

.cool_login_tour a h4 {
  font-size:11px;
  padding:0 0 0 0px;

.cool_login_tour a p {
  font-size: 9px;
  padding: 3px 0 0 0px; }

INPUT.hintTextbox       { color: #888; }
INPUT.hintTextboxActive { color: #000; }