/*
  Theme: Default OpenSRS Reseller Theme
  Name: Lightbeam Blue
  Version: 0.2
  Author: Wishingline
  Author URI: http://wishingline.com
*/

body {background: #5c5c5c; color: #343434; font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif; margin: 0; text-align: left;}

a {color: #ff6101; text-decoration: none;}
a:hover, a:active {border-bottom-style: solid; border-bottom-width: 1px; color: #4d4d4f;}

h1 {color: #003366; font-size: 48px; font-weight: bold; line-height: 36px;}
h2 {color: #414042; font-size: 36px; line-height: 54px; margin: 18px 0;}
h3 {color: #003366; font-size: 24px; margin: 18px 0;}
h4 {background: transparent url(images/rule.gif) 0 50% repeat-x; color: #636466; font-size: 18px; font-weight: bold; margin: 18px 0 36px 0; text-shadow: -0 1px 0 #fff;}
h4 .inner {background: #d1d3d4; display: -moz-inline-box; display: inline-block; padding: 9px 18px; border: none; -webkit-border-radius: 18px; -moz-border-radius: 18px;}
h4 .inner span {display: -moz-inline-box; display: inline-block;}

h5 {font-size: 14px; margin: 0;}
h6 {font-size: 12px; margin: 0;}

ul, ol {margin-left: 27px;}
li {text-align: left;}

td, table.domains {background-image: url(images/rule.gif); background-position: 0 0; background-repeat: repeat-x;}
table.domains {background-position: 0 100%;}
thead {display: none;}
td ul {margin: 0;}

fieldset {padding: 0;}
input {background-color: #f1f2f2; color: #636466;}
input.checkbox {width: auto;}

/* @group Layout Blocks */
  #wrapper {background: #fff;}
  #wrapper_inner {}

  #header {background: #003366 url(images/head.gif) 0 100% repeat-x; padding: 18px 0 0 0; text-align: left;}
  #header_inner {overflow: hidden; position: relative;}

  #app {overflow: hidden;}
  #app_inner {padding: 0 0 36px 0;}

  #footer {background: transparent url(images/foot.gif) 0 0 repeat-x; color: #fff; text-align: right;}
  #footer_inner {padding: 36px 0 72px 0;}

  #header_inner, #app_inner, #footer_inner {margin: 0 auto; width: 960px;}
/* @end */

/* @group Header */
  #header legend {display: none;}
  #header a {color: #fff;}
  #logo {line-height: 0; margin-bottom: 0;}
  #logo a {border: none; display: block;}

  #account_access {float: right; position: absolute; top: 0; right: 0;}
  #account_access label {color: #8099b3;}
  #account_access form {margin: 0;}
  #account_access input {background-color: #fff; margin: 1px 0; vertical-align: middle; width: 126px;}
  #account_access input.checkbox {border: none; margin: 0; width: auto;}
/* @end */

/* @group Navigation */
#nav {
	float: right; padding-bottom: 12px; clear: both; width: 100%;
}
.searchNav {
	margin: 0 auto 0 auto;
	width: 420px;
	padding: 0;
	overflow: auto;
}
#nav ul,
.searchNav ul {
	padding: 0; margin: 0;
}
#nav a,
.searchNav a  {
	border: none; color: #fff; display: block; float: left; font-size: 18px; font-weight: bold; padding-bottom: 6px;
}
.searchNav a {
	font-size: 16px;
}
#nav a:link,
#nav a:visited,
.searchNav a:link,
.searchNav a:visited {
	text-shadow: 0 -1px 0 #001a41;
}
#nav a:hover,
#nav a:active,
.searchNav a:hover,
.searchNav a:active {
	border: none; text-shadow: 0 -1px 0 #001a41;
}

#nav a span,
.searchNav a span {
	background: #001a41; display: block; padding: 6px 9px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

#nav a:hover span,
.searchNav a:hover span  {
	background: #8099b3 url(images/nav_pointer_hover.gif) 50% 100% no-repeat; color: #fff;
}
#nav .current a {
	background: transparent url(images/nav_pointer.gif) 50% 100% no-repeat; color: #003366; text-shadow: none;
}
.searchNav .current a {
	background: transparent url(images/nav_pointer_hover.gif) 50% 100% no-repeat; color: #fff; text-shadow: none;
}
#nav .current a:hover,
#nav .current a:active,
.searchNav .current a:hover,
.searchNav .current a:active  {
	background: transparent url(images/nav_pointer_hover.gif) 50% 100% no-repeat; text-shadow: 0 -1px 0 #000;
}
#nav .current span {
	background: #fff;
}
.searchNav .current span {
	background: #8099B3;
}
/* @end */

/* @group Link Styles */
  a.remove {background: transparent url(images/delete.gif) 0 100% no-repeat; border-bottom: none; padding: 4px 0 0 16px;}
  .remove:link, .remove:visited {color: #b01f3a;}
  .remove:hover, .remove:active {color: #636466;}

  a.help {font-size: 10px; text-transform: uppercase;}
  .help:link, .help:visited {color: #ff6101; font-weight: normal; margin-left: 9px;}
  .help:hover, .help:active {border: none; color: #77787b;}

  a.more {border: none; display: block; margin-top: -9px; margin-left: 9px; padding-left: 16px;}
  .more:link, .more:visited {background: transparent url(images/more.gif) 1px 4px no-repeat; color: #636466;}
  .more:hover, .more:active {background: transparent url(images/more.gif) 1px -23px no-repeat; color: #dd5401;}

  a.add {background: #fff url(images/add.gif) 0 50% no-repeat; font-weight: bold; border: none; padding-left: 18px;}
  .add:link, .add:visited {color: #636466;}
  .add:hover, .add:active {color: #939598;}

  .domains .inactive {border-color: #939598;}
/* @end */

/* @group Buttons */
/* Small Defaults */
a.button,
button {
	background: transparent url(images/buttons.gif) 0 -87px no-repeat;
	border: none;
	color: #fff;
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: middle;
}

form a.button:hover,
form a.button:active,
form button.button:hover,
form button.button:active {
	border: none;
}
span.button-inner {
	background: transparent url(images/buttons.gif) 100% -203px no-repeat; display: block;
}
button span.button-inner { /* FF2 width fix */
	float: left;
}
span.label {
	background: transparent url(images/buttons.gif) 0 -319px repeat-x; color: #fff; display: block; text-align: center; white-space: nowrap;
}

/* Small Defaults */
a.small {
	height: 21px;
}
a.small span.button-inner {
	height: 21px; margin-left: 18px; padding: 0;
}
a.small span.label {
	font-size: 13px; font-weight: normal; height: 11px; min-width: 36px; margin-right: 18px; padding: 2px 0 8px 0;
}

/* Normal Small */
a.normal-small {
	background-position: 0 -87px;
}
a.normal-small span.button-inner {
	background-position: 100% -203px;
}
a.normal-small span.label {
	background-position: 0 -319px;
}

/* Primary Small */
a.primary-small {
	background-position: 0 -29px;
}
a.primary-small span.button-inner {
	background-position: 100% -145px;
}
a.primary-small span.label {
	background-position: 0 -261px;
}

/* Find Small */
a.find-small {
	background-position: 0 -58px;
}
a.find-small span.button-inner {
	background-position: 100% -174px;
}
a.find-small span.label {
	background-position: 0 -290px; margin-right: 13px;
}

/* Login Small */
a.login-small {
	background-position: 0 0;
}
a.login-small span.button-inner {
	background-position: 100% -116px;
}
a.login-small span.label {
	background-position: 0 -232px;
}

/* Large Defaults */
a.large ,
button.large {
	height: 36px;
}
a.large span.button-inner, 
button.large span.button-inner {
	margin-left: 18px; padding: 0;
}
a.large span.label, 
button.large span.label {
	font-size: 18px; min-width: 54px; margin-right: 18px; padding: 7px 0 6px 0;
}

/* Normal Large */
a.normal-large {
	background-position: 0 -465px;
}
button.normal-large {
	background-position: 0 -463px;
}
a.normal-large span.button-inner,
button.normal-large span.button-inner {
	background-position: 100% -621px;
}
a.normal-large span.label, 
button.normal-large span.label {
	background-position: 0 -777px;
}

/* Primary Large */
a.primary-large {
	background-position: 0 -426px;
}
button.primary-large {
	background-position: 0 -424px;
}
a.primary-large span.button-inner,
button.primary-large span.button-inner {
	background-position: 100% -582px;
}
a.primary-large span.label ,
button.primary-large span.label {
	background-position: 0 -738px;
}

/* Login Large */
a.login-large {
	background-position: 0 -348px;
}
button.login-large {
	background-position: 0 -346px;
}
a.login-large span.button-inner,
button.login-large span.button-inner {
	background-position: 100% -504px;
}
a.login-large span.label ,
button.login-large span.label {
	background-position: 0 -660px;
}

/* Find Large */
a.find-large {
	background-position: 0 -387px;
}
button.find-large {
	background-position: 0 -385px;
}

a.find-large span.button-inner,
button.find-large span.button-inner {
	background-position: 100% -543px; margin-left: 27px;
}
a.find-large span.label,
button.find-large span.label {
	background-position: 0 -699px;
}

a.normal-small,
a.normal-large,
button.normal-small,
button.normal-large {
	margin-right: 18px; text-shadow: 0 -1px 0 #636466;
}
a.primary-large,
button.primary-large {
	margin-right: 18px; text-shadow: 0 -1px 0 #4d4d4f;
}
a.primary-small,
a.login-small,
a.login-large,
button.primary-small,
button.login-small,
button.login-large {
	text-shadow: 0 -1px 0 #4d4d4f;
}
a.find-small,
a.find-large, 
button.find-small, 
button.find-large {
	text-shadow: 0 -1px 0 #4d4d4f;
}
/* @end */

/* @group Lists */
#nav ul,
#footer ul {
	float: right; list-style-type: none;
}
#nav li,
#footer li,
.searchNav li {
	float: left;
}
#nav li a,
#footer li a,
.searchNav a {
	color: #fff; display: block; margin-left: 9px;
}

  .actions li {border-left: 1px solid #c5c8cb;}
  .actions a, .inactive {border: none; color: #4d4d4f;}
  .actions a:hover, .actions a:active {color: #ff6101;}

  #reasons {margin-top: 36px; padding-bottom: 27px; overflow: hidden; text-align: center;}
  #reasons ul {float: left; list-style-type: none; margin: 18px 0 0 10%; width: 40%;}
  #reasons li {background: #fff url(images/checkmark.gif) 0 1px no-repeat; margin-right: 36px; margin-bottom: 9px; padding: 0 0 0 18px;}
  #reasons ul.last {margin: 18px 0 0 0;}
  #reasons ul.last li {margin-left: 36px; margin-right: 0;}
/* @end */

/* group Footer Links */
  #footer li {border-left: 1px solid #fff; margin-right: 9px;}
  #footer .first {border-left: none;}
  #footer li a {margin-left: 8px;}
  #footer li a:hover, #footer li a:active {border-bottom: 1px solid #fff;}
/* @end */

/* @group Messages */
  .message {color: #fff;}
  .error_message {color: #b01f3a; font-weight: bold; margin: 9px 0 0 0;}
  .saved_message {background: #9bc606; color: #fff; font-weight: bold; margin: 9px 0 0 0;}
  .saved_message {padding: 0 3px;}

  .alert {margin-bottom: 36px; padding: 18px 0 0 0;}
  .sorry {background: #fff url(images/alert_sorry.gif) 0 50% no-repeat; padding-left: 90px;}
  .sorry h4 {color: #cc2242;}
  .success {background: #fff url(images/alert_success.gif) 0 50% no-repeat; padding-left: 90px;}
  .success h4 {color: #9bc606;}
  .sorry h4, .success h4 {background: none; font-size: 24px; font-weight: normal; line-height: 36px; margin: 0; text-align: left; text-shadow: none;}

  #app .message {color: #bcbec0;}
/* @end */

/* @group Status Markers */
  .status {font-size: 11px; padding: 2px 3px;}
  .ok {background: #9bc606; color: #fff;}
  .normal {color: #77787b;}
  .upcoming {background-color: #ff9805; color: #fff;}
  .urgent {background-color: #981a32; color: #fff;}
/* @end */

/* @group Next Steps */
  .next_steps {background-color: #fdf1a8; border-bottom: 1px solid #fbe451; color: #3c4247; margin: 0 auto 36px auto; padding: 9px 0 8px 0; text-align: center;}
  .next_steps p {margin: 0 auto; width: 680px;}
  .next_steps strong {background-color: #fbe451; padding: 2px 4px;}
  .next_steps a {font-weight: bold;}
/* @end */

/* @group Forms */
  #search {background: #fff url(images/rule.gif) 0 0 repeat-x; padding-top: 18px;}
  #search h4 {background: none; color: #4d4d4f; font-weight: normal; margin-top: 0; text-align: left;}
  #search h4 span {font-weight: bold;}
  #search input {padding: 1px 3px; width: 40%;}

  #app fieldset {margin-bottom: 36px;}
  #app fieldset h3 {margin: 0; padding: 9px 0;}

  #create_account, #returning_login_form {float: left; text-align: center; width: 50%;}
  #create_account fieldset, #returning_login_form fieldset {margin: 54px auto 0 auto; text-align: left; width: 360px;}

  #edit_contacts fieldset {background: transparent url(images/rule.gif) 0 100% repeat-x; float: left; margin-bottom: 9px; padding-bottom: 9px;}
  /* Because there is a variable number of contacts to show */
  #edit_contacts fieldset.show1 {width: 100%;}
  #edit_contacts fieldset.show2 {width: 50%;}
  #edit_contacts fieldset.show3 {width: 33.3333%;}
  #edit_contacts fieldset.show4 {width: 25%;}
  #edit_contacts input, #edit_contacts select {width: 100%;}
  #edit_contacts input.checkbox {width: auto;}

  #edit_account, #edit_password {float: left; width: 50%;}
  #edit_account fieldset {padding-bottom: 9px;}
  #edit_password fieldset {padding-bottom: 9px;}
  
  .wrap {margin: 0 10%; width: 80%;}
  .additional {margin-top: 9px;}
/* @end */

/* @group Domain Name Settings */
  .domain_settings {background: #fff; border: 1px solid #d7dbde; -webkit-border-radius: 9px; -moz-border-radius: 9px;}
  .records {padding: 0 18px; position: relative;}
  #app .domain_settings h3 {color: #636466; font-weight: normal;}
  h3 span.domain {background: #fff7c3; padding: 0 3px;}
  .domain_settings th, .domain_settings td {background: none; padding-left: 0; padding-right: 0;}
  .domain_settings th.actions {display: none;}
  .domain_settings .help {margin-left: 0;}

  .txt_records input {width: 90%;}
/* @end */

/* @group Help */
  .help_content {background: #fff url(images/help_pointer.gif) 0 0 no-repeat; margin-top: -18px; margin-bottom: 18px; padding-top: 9px; width: 75%;}
  .inner {background: #fff7c3; border: 1px solid #fbe451; border-top: 0; padding: 8px 8px 0 8px;}

  #search_help {margin: -9px auto 0 auto; text-align: left; width: 63%;}
  #search_help .help {margin: 0;}
  #search_help .help_content {width: 100%;}

/* @end */

/* @group Homepage Overrides */
#home #app {
	padding-top: 72px; text-align: center;
}
#home #search {
	background: none; padding: 0;
}
#home #search input {
	font-size: 18px; padding: 7px 9px 8px 9px; width: 400px;
}
#home h2 {
	font-size: 24px; font-weight: normal; line-height: 36px; margin: 18px 0 36px 0;
}
/* @end */

/* @group General Utility Styles */
  #support {background: #fff url(images/rule.gif) 0 0 repeat-x; padding-top: 18px; text-align: center;}
  #support img {margin: 0 9px;}
  #total {background: #fff url(images/rule.gif) 0 0 repeat-x; font-size: 24px; font-weight: normal; line-height: 36px; text-align: right;}

  .quote {font-family: "Times Roman", "Times New Roman", Times, Georgia, serif; font-style: italic; font-weight: normal;}
  .plain {font-weight: normal;}
  .odd {background-color: #e6e7e8;}
  .discounts {color: #77787b; font-size: 11px;}

  .tip span {background: #fff7c3 url(images/tip.gif) 0 50% no-repeat; padding: 0 3px 0 36px;}
  .hide {display: none;}
  .actions, .price {text-align: right;}
  .actions span {color: #939598;}
  .inline-elements {display: block;}
  .inline-elements select {display: inline;}
  /* @end */