/*
  Theme: Default OpenSRS Reseller Theme
  Name: Lightbeam
  Version: 2
*/

/* Colour Table:
			blue	black	white	green
colour0:	#5c5c5c	#bcbec0	#808285	#535b63
colour1:	#003366	#414042	#414042	#3c4247
colour2:	#414042	#414042	#414042	#3c4247
colour3:	#003366	black	white	#9bc606	
colour4:	#8099b3	#bcbec0	#4d4d4f	#bcbec0 # green theme didn't have this style
colour5:	#001a41 black	#636466	#376300
colour6:	#001a41	#939598	#bcbec0	#689602
colour7:	#8099b3	#636466	#636466	#ff6101
colour8:	white	white	#636466	white
colour9:	white	white	#f1f2f2	white
colour10:	white	white	#939598	white
colour11:	#ff6101	#ff6101	#ff6101	#5f6971
colour12:	#d1d3d4	#d1d3d4	#d1d3d4	#d7dbde
colour13:	#f1f2f2	#f1f2f2	#f1f2f2	#eee
colour14:	#636466	#636466	#636466	#7b8892
colour15:	#636466	#636466	#636466	#989da1
colour16:	#77787b	#77787b	#77787b	#5f6971
colour17:	#636466	#636466	#636466	#5f6971
colour18:	#939598	#939598	#939598	#343434


*/



body {
	background: #808285;
	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: #414042;
	font-size: 48px;
	font-weight: bold;
	line-height: 36px;
}
h2 {
	color: #414042;
	font-size: 36px;
	line-height: 54px;
	margin: 18px 0;
}
h3 {
	color: #414042;
	font-size: 18px;
	margin: 18px 0;
}
h4 {
	background: transparent url(/theme/lightbeam_white/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(/theme/lightbeam_white/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;
}
#header {
	background: white url(/theme/lightbeam_white/images/head.gif) 0 100% repeat-x;
	padding: 18px 0 0 0;
	text-align: left;
}
#header_inner {
 overflow: auto;
/*	position: relative; remove for IE7 */
}

#app_inner {
	padding: 0 0 36px 0;
}

#footer {
	background: transparent url(/theme/lightbeam_white/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: #636466;
}
#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: #4d4d4f;
}
#account_access form {
	margin: 0;
}
#account_access input {
	background-color: #f1f2f2;
	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;
	padding: 0;
	overflow: hidden;
	width: 45em;
}
#nav ul,
#searchNav ul {
	padding: 0; margin: 0;
}
#nav a,
 #searchNav a  {
	border: none; color: #939598; 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 #636466;
}
#nav a:hover,
#nav a:active,
#searchNav a:hover,
#searchNav a:active {
	border: none; text-shadow: 0 -1px 0 #636466;
}

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

#nav a:hover span,
#searchNav a:hover span  {
	background: #636466 url(/theme/lightbeam_white/images/nav_pointer_hover.gif) 50% 100% no-repeat; color: #fff;
}
#nav .current a {
	background: transparent url(/theme/lightbeam_white/images/nav_pointer.gif) 50% 100% no-repeat; color: #bcbec0; text-shadow: none;
}
#searchNav .current a {
	background: transparent url(/theme/lightbeam_white/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(/theme/lightbeam_white/images/nav_pointer_hover.gif) 50% 100% no-repeat; text-shadow: 0 -1px 0 #000;
}
#nav .current span {
	background: #636466;
}
#searchNav .current span {
	background: #636466;
}
/* @end */

/* @group Link Styles */
a.remove {
	background: transparent url(/theme/lightbeam_white/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(/theme/lightbeam_white/images/more.gif) 1px 4px no-repeat;
	color: #636466;
}
.more:hover, .more:active {
	background: transparent url(/theme/lightbeam_white/images/more.gif) 1px -23px no-repeat;
	color: #dd5401;
}

a.add {
	background: #fff url(/theme/lightbeam_white/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(/theme/lightbeam_white/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(/theme/lightbeam_white/images/buttons.gif) 100% -203px no-repeat; display: block;
}
button span.button-inner { /* FF2 width fix */
	float: left;
}
span.label {
	background: transparent url(/theme/lightbeam_white/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: auto;
	text-align: center;
}
#reasons ul {
	float: left;
	list-style-type: none;
	margin: 18px 0 0 10%;
	width: 40%;
}
#reasons li {
	background: #fff url(/theme/lightbeam_white/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(/theme/lightbeam_white/images/alert_sorry.gif) 0 50% no-repeat;
	padding-left: 90px;
}
.sorry h4 {
	color: #cc2242;
}
.success {
	background: #fff url(/theme/lightbeam_white/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(/theme/lightbeam_white/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(/theme/lightbeam_white/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, 
#merge_accounts {
	float: left;
	width: 50%;
}

#edit_account fieldset, 
#edit_password fieldset, 
#merge_accounts 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(/theme/lightbeam_white/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(/theme/lightbeam_white/images/rule.gif) 0 0 repeat-x;
	padding-top: 18px;
	text-align: center;
}
#support img {
	margin: 0 9px;
}
#total {
	background: #fff url(/theme/lightbeam_white/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(/theme/lightbeam_white/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 */