/* @override http://192.168.0.100:7000/stylesheets/prelogin.css?1253290541 */

body#ca_homepages_index #footer {
  margin-top: 36px;
/*  position: relative;*/
/*  width: 500px;*/
/*  margin: 0 auto;*/
}


#footer div {
  padding-top: 4px;
}



div#ie-warning {
/*  position: absolute; */
  margin: -32px auto -82px;
  width: 400px;
  position: relative;
  background: #eee;
  border: 4px solid #D10000;
  padding: 8px 12px;
  z-index: 200;
}

#wrapper {
  overflow-y: auto;
}

/* ==== visitor home page (intro) ==== */


body#ca_homepages_index #wrapper {
  position: relative;  /* fix ie not scroll sub elements that are position relative */
  font-family: Arial,sans-serif;
  background-image: url(/images/backgrounds/bg_video_list.png);
  padding: 0;
  margin: 0;
}

body#ca_homepages_index #welcome {
  margin: 0 auto;
  width: 840px;
}


body#ca_homepages_index #welcome h2 {
  font-size: 200%;
  padding-top: 12px;
}

body#ca_homepages_index #welcome h3 {
  clear: left;
}

body#ca_homepages_index #welcome #pitch {
  width: 430px;
  padding-top: 12px;
  padding-bottom: 72px;
}

body#ca_homepages_index #welcome #pitch h2 {
  text-align: center;
  margin-bottom: 16px;
  margin-left: -16px;
}

body#ca_homepages_index #welcome #pitch p a {
  text-decoration: underline;
}

body#ca_homepages_index #welcome #pitch p {
  font-size: 130%;
  line-height: 1.6em;
  margin-bottom: 8px;
  margin-right: 8px;
  color: #222;
}

body#ca_homepages_index #welcome #pitch p em {
  font-weight: bold;
  font-style: normal;
  padding: 0 2px;
  background: #FFF6aE;
}

body#ca_homepages_index #welcome #pitch img {
/* width: 215px;
  margin: 0 auto;
  display: block; */
}

body#ca_homepages_index #welcome #pitch div#extended {
  text-align: center;
  margin-top: 24px;
}

body#ca_homepages_index #welcome #pitch p a {
  color: #0000AA;
}

body#ca_homepages_index #welcome #pitch p a#blog {
/*  background:#FFF6AE; */
}




div#sub-column {
  position: relative;
  width: 360px;
  padding-top: 18px;
  float: right;
}

div#sub-column div#devices {
  margin-top: 64px;
  padding: 0px auto 0 auto;
  position: relative;
}

div#sub-column div#devices span {
  position: relative;
  left: 8px;
  top: 32px;
  color: #444;
}

div#sub-column #device-tabs {
  padding: 0 0 16px 0px;
  text-align: center;
  margin-bottom: 18px
}

/* for jquery */

div#sub-column #screens li {
  height: 214px;
  display: block;
}

div#sub-column #screens li img {
  -moz-box-shadow: 0px 4px 8px #888; -webkit-box-shadow: 0px 4px 8px #888;
}

div#sub-column #screens li.ui-tabs-hide { display: none; }



div#sub-column #device-tabs li {
  line-height: 2.4em;
}

div#sub-column #device-tabs li a {
  border: 1px solid #ccc;
  /*border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;*/
  color: #444;
  background: #fff;
  padding: 3px 3px;
  outline: none;
}

div#sub-column #device-tabs li.ui-tabs-selected a {
  color: #fff;
  background: #333;
  border: 1px solid black;
/*  font-weight: bold;*/
}

div#sub-column #device-tabs li a:hover {
/*  background: #ccc;*/
/*  color: black;*/
  text-decoration: none;
  cursor: default;
/*  color: #ccc;*/
}

div#sub-column #device-tabs li a.current {
  background: #444;
  color: #ddd;
}

div#sub-column #screens {
/*  background: #DBF9FF;*/
  margin: 8px auto;
  text-align: center;
  width: 290px;
  height: 214px;
}

div#sub-column #screens strong.url {
  color: green;
  font-size: 120%;
  font-weight: normal;
}

div#sub-column #screens img.screen {
  display: block;
  margin: 0 auto;
/*  margin-top: 12px;*/
  border: 1px solid #999;
}



div#sub-column #screens li#device-ipod {
  text-align: left;
/*  height: 224px;*/
  
  background: #fff;
  border: 1px solid #ccc;
}

div#sub-column #screens li#device-ipod img {
  position: relative;
  top: 2px;
}

div#sub-column #screens li#device-ipod p {
  padding: 6px 12px 2px 16px;
  font-size: 110%;

}

div#sub-column #screens li#device-ipod p a {
  text-decoration: underline;
}


div#sub-column #screens h3 {
  display: none;
}

div#sub-column #next-action {
  margin: 48px auto 0 auto;
/*  background: #edf;*/
  width: 240px;
/*  background: #93f;*/
  text-align: center;
}

div#sub-column #next-action div {
  margin: 12px 0 0 0px;
  font-size: 120%;
}

div#sub-column #next-action a#login {
  color: #00a;
  text-decoration: underline;
}


div#sub-column a#signup  {
  position: relative; /* IE fix */
/*  padding: 4px 8px;*/
/*  color: #632B00;*/
  font-weight: bold;
  display: block;
/*  background: #FFAE00;*/
/*  border: 2px solid #944102;*/
}

div#sub-column a#signup:hover {
}



/* 
LOGIN
 */


#ca_sessions_new {
  
}


#login-section .box_login {
	position: absolute;
	left: 50%;
	top: 40%;
	margin: -136px auto 0 -200px;
	
	background: #ddd;
	padding-bottom: 6px;
/*  background-position: right top;*/
	width: 400px;
  border: 5px solid #777;
	overflow: hidden;
/*  -moz-border-radius: 10px;  -webkit-border-radius: 10px;*/
  -moz-box-shadow: 0px 4px 8px #333; -webkit-box-shadow: 0px 4px 8px #333;
}

.controller_users #login-section .box_login {
  margin-left: -216px;
}

#login-section ul li {
	display: block;
}



#login-section form {
  padding: 10px 30px 24px 30px;
}

#login-section form label {
  text-transform: uppercase;
  font-weight: bold;
}



#login-section form #remember {
  font-size: 14px;
  margin-left: 220px;
  padding-top: 6px;
}


#login-section form #remember label {
/*  position: relative;*/
  text-transform: none;
  display: inline;
  
}

#login-section .field {
  margin: 10px 0 5px 0;
}

#login-section .field input.text {
  border-top: 1px solid #626262;
  border-left: 1px solid #626262;
  border-right: 1px solid #9E9E9E;
  border-bottom: 1px solid #9E9E9E;
  font-size: 20px;
  padding: 3px;
  background-image: url(/images/backgrounds/bg_field_login.png);
  width: 330px;
}

#login-section #login-button {
  float: left;
  font-size: 20px;
  margin-top: 8px;
}


#login-section p {
  padding: 10px 30px;
  text-align: center;
}

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

#login-section .field select {
  border-top: 1px solid #626262;
  border-left: 1px solid #626262;
  border-right: 1px solid #9E9E9E;
  border-bottom: 1px solid #9E9E9E;
  font-size: 20px;
}

/*
#login-section .field h6 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 3px 0;
  color: #6B6B6B;
}


#login-section .signup {
  border-top: 2px solid #9E9E9E;
  border-left: 2px solid #9E9E9E;
  border-right: 2px solid #626262;
  border-bottom: 2px solid #626262;
  font-size: 20px;
  padding: 3px;
  margin: 10px 0 0 0;
  text-align: center;
}

#login-section .field input.checkbox {
  width: 14px;
  border: none;
}
*/

#ca_users_create #errors {
  width: 400px;
  margin: 24px auto -60px auto;
  background: white;
  max-height: 100px;
  overflow-y: scroll;
  border: 7px solid #666;
}

#ca_users_create #errors h2, #ca_users_create #errors p {
  display: none;
}

#ca_users_create #errors ul {
  padding: 8px 0;
}

#ca_users_create #errors li {
  padding: 4px 0 0px 0;
}

#ca_users_create #login-section .box_login {
/*  width: 290px;*/
  margin-top: 6%;
}


#ca_users_create #login-section,
#ca_users_new #login-section {
/*  background: black;*/
}

#ca_users_create #login-section .box_login #submit-section input,
#ca_users_new #login-section .box_login #submit-section input {
  font-size: 21px;
  margin-top: 6px;
}

#ca_users_new #login-section .box_login,
#ca_users_create #login-section .box_login { 
  width: 432px;
}

#ca_users_new #login-section form,
#ca_users_create #login-section form {
  padding: 16px 10px 12px 10px;
}

#ca_users_new form div.field,
#ca_users_create form div.field {
/*  position: relative;*/
  margin-bottom: 14px;
}

#ca_users_new form div.field small,
#ca_users_create form div.field small {
  color: #666;
}

#ca_users_new form div.field label,
#ca_users_create form div.field label {
  display: block;
  width: 93px;
/*  position: absolute;*/
float: left;
  text-align: right;
  letter-spacing: 0.01em;
/*  top: 4px;*/
  padding-top: 4px;
  font-size: 120%;
  color: #333;
}

#ca_users_new form div.field input,
#ca_users_create form div.field input {
/*  margin-left: 103px;*/
  margin-left: 8px;
  font-size: 120%;
}

#ca_users_new form div#checkbox,
#ca_users_create form div#checkbox {
  letter-spacing: -1px;
  line-height:1.6em;
  font-weight: normal;
  margin:16px 0 0 100px;
  color: #333;
/*  float: left;*/
/*  font-size: 80%;*/
}

#ca_users_new form div#checkbox label,
#ca_users_create form div#checkbox label {
/*  display:block;*/
/*  left:20px;*/
/*  position:relative;*/
  text-transform:none;
/*  top:-16px;*/
}

#ca_users_new form div#submit-section,
#ca_users_create form div#submit-section {
  margin:8px 0 0 101px;
}

#ca_users_new form #user_login,
#ca_users_new form #user_password,
#ca_users_new form #user_password_confirmation,
#ca_users_create form #user_login,
#ca_users_create form #user_password,
#ca_users_create form #user_password_confirmation {
  width: 200px;
}


#ca_users_new form div#submit-section a,
#ca_users_create form div#submit-section a {
  font-size: 120%;
  text-decoration: none;
}