/* CSS Document */
html {
  margin:0;
  padding:0;
}
body { 
  color: #000; 
  font: 80% Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
}
#container {
  width:944px;
  margin:0 auto;
  padding:0;
  position:relative;
}

/* Header
-------------------------------------------------------------- */
#header {
  width:100%;
  margin:0 0 0 0;
  padding:30px 0 0 0;
}
a.logotype {
  width:195px;
  height:89px;
  display:block;
  border:none;
  text-decoration:none;
  background: url(../images/logotype.gif) no-repeat left top;
  margin:0 0 0 10px;
}
a.logotype:hover {
  background-position: left bottom;
}

/* Top Menu
-------------------------------------------------------------- */
#top_menu {
  position: absolute;
  top:30px;
  right:0;
  width:712px;
}
ul.menu {
  margin:0;
  padding:0;
}
ul.menu li {
  margin:0;
  padding:0;
  float:left;
  list-style:none outside;
}
#li_1 a, #li_2 a {
  background:url(../images/tm_li.gif) no-repeat left top;
  width:192px;
  height:87px;
  padding:10px 0 0 0;
  display:block;
  float:left;
  font-size:2.2em;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  color:#000!important;
  text-decoration:none;
  border:none;
}
#li_1 a.current, #li_2 a.current, #li_1 a:hover, #li_2 a:hover {
  background-position:left bottom;
  color:#d7eafe!important;
}
#li_1, #li_2  {
  margin-right:5px;
  text-align:center;  
}
#li_3  {
  width:318px;
  height:97px;
  margin:0;
  padding:0;
  background:url(../images/tm_li3.gif) no-repeat left top; height:97px;
  line-height:1.9em;
}

/* Sign in
-------------------------------------------------------------- */
#signin {
  margin:0 0 0 0;
  padding:0 20px 0 20px; 
  height: 97px;
  position:absolute;
  width:278px;
  top:12px;
}
#signin p {
  clear:both;
  margin:0;
  padding:1px 0 0 0;
}

#fb_login_image_short {
	margin: 4px 0px 0px 25px;
	padding:0px 0px 0px 0px;
	float:none;
	border-style:none;
}

#fb_login_image_long {
	width:169px; 
	height:21px; 
	position:relative; 
	float:none;
	border-style:none;
	margin:2px 0px 0px 0px;
}


/* Content
-------------------------------------------------------------- */
#main {
  width:100%;
  margin:8px 0 0 0;
  padding:0;
  overflow:hidden;
  background:#e5f1fe;
  position:relative;
}
#content {
  width:96%;
  float:left;
  min-height:450px;
  height:auto!important;
  height:450px;
  margin:0;
  padding:3% 2% 30px 2%;
  background:url(../images/bk_blue.gif) repeat-x left top;
  font-size:1.2em;
}
.bl {
  background: url(../images/left_blue.gif) no-repeat left top;
  width:13px;
  height:14px;
  position:absolute;
  left:0;
  top:0
}
.b_w {
  color:#fff;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  font-size:1.2em;
  font-weight:normal;
  margin-top:-15px;
  margin-bottom:30px;
  position:relative;
}
.block_img {
  min-height:102px;
  height:auto!important;
  height:102px;
  position:relative;
}
.date {
  height: auto;
  font-size:0.9em;
  font-weight:bold;
  position:absolute;
  width:330px;
  left:128px;
  bottom:0px;
  margin:0 0 20px 0;
  padding:0;
}
.date p {
  margin-bottom:0;
  padding-bottom:0;
  text-align:justify;
}
a.icon {
  text-decoration:none;
  border:0;
}
.extract {
  width:382px;
  position:relative;
  margin:0 0 0 10px;
  padding:0 0;
}
.extract p {
 margin:0;
 padding:15px 40px;
 text-align:justify;
 font-style:italic;
 font-weight:bold;
 color:#154771;
}
.img_t {
  position: absolute;
  left:0;
}
.img_b {
  position: absolute;
  right:0;
  margin-top:-15px;
}
p.signature {
  text-align:right;
  margin:0;
  padding:0 40px;
}
/* Logos
-------------------------------------------------------------- */
.tr_logos {
  margin:0;
  padding:20px 0 0 0;
}
.tr_logos img { vertical-align:middle; }
.tr_logos ul {
  margin:0;
  padding:0;
  text-align:center;
}
.tr_logos li {
  margin:0 50px 0 0;
  padding:0;
  list-style:none outside;
  display:inline;
}
/* SignUp box
-------------------------------------------------------------- */
.sign_up {
  background:url(../images/bk_box.gif) no-repeat left bottom;
  width:400px;
  height:226px;
  display:block;
  position:relative;
  margin:-7px 0 20px 0;
  padding:0 0;
}
div.title {
  display:block;
  width:400px;
  height:67px;
  background:url(../images/bk_signup.gif) no-repeat left top;
  margin:0 0 20px 0;
  padding:0 0;
}
.sign_up p { margin-left:30px; clear:both;}

.sign_up .btn {
  float:right;
  margin-right:30px;
}

/* SignUp small box
-------------------------------------------------------------- */
.sign_up_small {
  background:url(../images/bk_box_small.gif) no-repeat left bottom;
  width:212px;
  height:116px;
  display:block;
  margin:12px 0 20px 0;
  padding:0 0;
  position:relative;
}
.sign_up_small div.title {
  display:block;
  width:212px;
  height:33px;
  background:url(../images/bk_signup_small.gif) no-repeat left top;
  margin:0 0 0 0;
  padding:0 0;
}
.sign_up_small p { margin-left:12px; clear:both; margin-top:0; margin-bottom:8px; position:relative; }
.sign_up_small .btn {
  float:right;
  margin-right:12px;
}
.sign_up_small form { position:absolute; top:41px; }



/* Column
-------------------------------------------------------------- */
.column  {
  float: left;
  margin-right:20px;
}
.column-r  {
  float: right;
}

/* The last column in a row needs this class. */
.last  { margin-right:0!important; }
.clear { clear:both; }

/* Width column
-------------------------------------------------------------- */
.span-1  { width:464px; }
.span-2  { width:400px; }
.span-3  { width:120px; }
.span-4  { width:18%; }
.span-5  { width:70%; }
.span-6  { width:213px; }
.span-7  { width:670px; }


/* Padding
-------------------------------------------------------------- */
.step-2 { padding-left:40px; }


/* Footer
-------------------------------------------------------------- */
#footer {
  margin:8px 0 0 0;
  padding:0;
  clear:both;
  color:#383838;
  font-weight:bold;
  font-size:0.9em;
  text-transform:uppercase;
}
#footer ul {
  margin:0;
  padding:0;
  text-align:center;
}
#footer ul li {
  margin:0 10px 0 0;
  padding:0;
  list-style:none outside;
  display:inline;
}
#footer a {
  margin:0 10px 0 0;
  padding:0;
  text-decoration:none;
  color:#383838;
}
#footer a:hover {
  color:#1a1a1a;
}
#footer p {
  margin:4px 0 0 0;
  padding:0;
  text-align:center;  
}


/**/
.navbar { margin:-10px 0 0 0; position:relative; }
h2.lm_title, h2.lm_title_ {
  display:block;
  width:200px;
  height:26px;
  font-size:1.4em;
  color:#d7eafe;
  margin:0;
  padding:5px 0 0 12px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: bold;
}
h2.lm_title   { background:url(../images/lm_bk.gif) no-repeat left top; }
h2.lm_title_  { background:url(../images/lm_bk_.gif) no-repeat left top; position:relative; margin:-2px 0 0 0; }
ul.lm {
  width:212px;
  margin:0;
  padding:0 0 0 0;
  border-bottom:2px solid #8fb1d4;
}
ul.lm li {
  margin:0;
  padding:5px 0 5px 15px;
  list-style:none outside;
  background:url(../images/lm_li.gif) repeat-y left top;
}
ul.lm a {
  margin:0;
  padding:0 15px;
  text-decoration:none;
  color:#383838!important;
  font-weight:bold;
  background: url(../images/lm_arr.gif) no-repeat left 6px;
}
ul.lm a:hover, ul.lm a.current {
  background-position: left bottom;
  color:#154771!important;
}
.red    { color:#d51515; font-weight:bold; }
.blue   { color:#154771; font-weight:bold; }
.white  { color:#fff; font-size:1.2em; margin-bottom:20px; }

/* Properties of forms paragraphs */
#signin p                     { width:100%; }
.sign_up p, .sign_up_small p  { float:none; }
.sign_up_form p               { width:100%; margin:0 0 5px 0; line-height:1.5em; }


/*Sign In Form*/
#signin label {
  float:left;
  width:auto;
  text-align:right;
  margin:0;
  padding:0;
}
#signin input {
  float:right!important;
  font-size:1.0em;
}
#signin a {
  float:left;
  color:#154771!important;
  margin:0;
  padding:0;
}
#signin a:hover {
  text-decoration: underline;
  color:#0e2f4b!important;
}
/*Sign Up Form*/
form.sign_up_form { padding:0 0 0 0; margin:0 0 20px 0; }
.last_p { padding-bottom:20px;}

.box1, .box2, .box3 {
  margin:0 0 10px 0;
  padding:0 10px 0 0;
  overflow:hidden;
}
.box1 p, .box2 p, .box3 p {
  background: url(../images/bk_boxs.gif) repeat-y left top;
  margin:-1px 0;
  padding:0 0 0 55px;
  width:615px;  
  float:left;
  clear:both;
  position:relative;
  line-height:1.3em;
  min-height:25px;
  height:auto!important;
  height:25px;    
}
.box1 table, .box2 table, .box3 table {
  background: url(../images/bk_boxs.gif) repeat-y left top;
  margin:-1px 0; 
  padding:0 0 0 30px;
  width:615px;  
  float:left;
  clear:both;
  position:relative;
  line-height:1.3em;
  min-height:25px;
  height:auto!important;
  height:25px;    
}
.box1 img, .box2 img, .box3 img {
  position:absolute;
  width:26px;
  height:25px;
  left:17px;
  margin:-3px 0 0 0;
}

.top_arr, .btm_arr {
  height:16px;
  width:670px;
  background-repeat:no-repeat;
  margin:0 -25px 0 0;
  float:left;
  clear:both;
}
.box1 .top_arr    { background: url(../images/top_arr1.gif) left top; }
.box2 .top_arr    { background: url(../images/top_arr2.gif) left top; }
.box3 .top_arr    { background: url(../images/top_arr3.gif) left top; }

.box1 .btm_arr    { background:url(../images/btm_arr1.gif) left bottom; }
.box2 .btm_arr    { background:url(../images/btm_arr2.gif) left bottom; }
.box3 .btm_arr    { background:url(../images/btm_arr3.gif) left bottom; }
.note { float: left; font-size:0.8em; color:#333 }