/* @override http://arpan.local:3000/design/stylesheets/design.css */

/* @group Main layout */

body{
  margin: 0;
  padding: 0;
  background-color: #000;
}

div#page{
  display: block;
  width: 1028px;
  margin: 0 auto;
}

div.container{
  width: 990px;
  display: block;
  margin-top: 2px;
  padding: 14px;
  min-height: 770px;
  overflow: hidden;
  background-color: #fff;
}

div#custom_container div.banner{
	width: 1000px;
	display: block;
	height: 19px;
 	background: #000 url(/design/images/bar_blank_dark.png) no-repeat;
 	margin: -14px 0 14px -14px;
 	padding-left: 18px;
 	padding-top: 1px;
}

div.container div.box{
  position: relative;
  float: left;
  background-color: #191919;
  overflow: hidden;
}

/* Front Page */

div#featured{
  width: 460px;
  margin: 0 7px;
}

div.container div#sidebar {
	width: 243px;
	background-color: #fff;
}

div#announcements{
	width: 243px;
}

div#live_bar{
  width: 243px;
  margin-top: 7px;
}

div#right_column{
  width: 273px;
}

div#footer{
  width: 740px;
  margin: 7px 0 0 7px;
}

div#login_form, div#forgot_password{
  width: 100%;
  height: 598px;
}

div#signup{
  width: 740px;
  margin: 0 0 0 7px;
}

.new_form, .edit_form {
	width: 100%;
}

/* Push comics */

#push_comics{
  float: left;
  width: 100%;
}

#error_404{
  float: left;
  width: 1000px;
  height: 400px;
}

#error_404 p{
	padding: 20px;
 	line-height: 2em;
 	font-size: 1.5em;
}

body.push_comic #advert{
  float: left;
  width: 243px;
  margin-top: 7px;
}

.formError {
 	color: #ff999a;
 	margin: -4px 0 0;
 	padding: 0;
}

/* @end */

/* @group Box banner */

h2.banner{
  height: 20px;
  background: #FFF url(/design/images/bar_blank.gif) no-repeat top left;
  padding: 0 10px;
  line-height: 24px;
  overflow: hidden;
}

h2.banner span{
  background: #FFF url(/design/images/bar_right.gif) no-repeat top right;
  width: 10px;
  float: right;
  margin-right: -10px; /* to combat the 20px padding to the h2.banner */
}

/* Header links list */

#right_column h2.banner ul{
  width: 244px;
  display: block;
  padding: 0;
  margin: 0 0 0 6px;
  height: 20px;
  z-index: 40;
}

#right_column h2.banner ul li{
  line-height: 24px;
  list-style: none;
  display: block;
  float: left;
  width: 78px;
  text-align: center;
  padding: 0;
  margin: 0;
}

#right_column h2.banner ul li.specials, #right_column  h2.banner ul li.catalog{
  padding-left: 4px;
  background: transparent url('/design/images/banner-divider.png') no-repeat  top left;
}

#right_column h2.banner ul li{ 
    color: #999;
    cursor: pointer;
}
#right_column h2.banner ul li.selected{ color: #FFF;}
#right_column h2.banner ul li:hover{ color: #F00; }

/* @end */

/* @group Buttons */

span.download_button{ background: url('/design/images/buttons/download.png') no-repeat top left;}
span.edit_button{ background: url('/design/images/buttons/edit.png') no-repeat top left;}
span.done_button{ background: url('/design/images/buttons/done.png') no-repeat top left;}
span.add_button{ background: url('/design/images/buttons/add.png') no-repeat top left;}
span.buy_button{ background: url('/design/images/buttons/buy.png') no-repeat top left;}

span.feed_icon{ background: url('/design/images/buttons/feed-icon-trans.png') no-repeat top left; width: 20px; }
span.x_button{ background: url('/design/images/buttons/x-trans.png') no-repeat top left;}

* html span.download_button{
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/images/buttons/download.png', sizingMethod='image');
}

* html span.edit_button{
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/images/buttons/edit.png', sizingMethod='image');
}

* html span.done_button{
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/images/buttons/done.png', sizingMethod='image');
}

* html span.add_button{
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/images/buttons/add.png', sizingMethod='image');
}

* html span.buy_button{
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/images/buttons/buy.png', sizingMethod='image');
}

* html span.x_button{
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/images/buttons/x-trans.png', sizingMethod='image');
}

* html span.feed_icon{
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/images/buttons/feed-icon-trans.png', sizingMethod='image');
}

span.button{
  position: static;
  display: block;
  width: 72px;
  height: 20px;
  padding: 0;
  margin: 0;
}

span.button a{
  position: relative;
  display: block;
  width: 72px;
  height: 20px;
}

span.feed_icon{margin-top: 4px;}
span.feed_icon, span.feed_icon a{  width: 20px;  height: 20px;}
span.x_button, span.x_button a{  width: 24px;  height: 20px;}
span.button a span{ margin-left: -999em;}
* html span.button a span{display: none;}

/* @end */

/* @group General */

span.author{color: #ccc;}
.must_login{display: block; padding: 10px;}

span.loading{
  display: block;
  width: 16px;
  height: 16px;
  margin: 10px auto;
  background: transparent url('/design/images/indicator_black.gif') no-repeat;
}

span.red{
  color: red;
  margin: 0;
}

div.white_bg, div.dark{
  display: block;
  position: relative;
  width: 100%;
  clear: both;
  float: left;
  margin: 0;
  padding: 0;
}

div.white_bg{ background: #ffffff;}
div.dark{background: #191919; line-height: 8px;}

/* @end */

/* @group Payment methods */

#columns #payment_methods, 
#columns #payment_methods_content,
#columns #payment_methods_inner
{
  position: absolute;
  display: block;
}

#columns #payment_methods{
  top: 10px;
  left: 260px;
  right: 10px;
  height: 600px;
}

#columns #payment_methods_content{
  background: #191919;
  color: #FFF;
  top: 3px;
  bottom: 4px;
  left: 3px;
  right: 4px;
  overflow: hidden;
}

#columns #payment_methods_inner {
	height: 400px;	
}

#payment_methods form, #payment_methods #payment_methods_inner {
	background-color: #576e9a;
}

/* @end */

/* @group Rating */

.star_rating {
	float: right;
	width: 100px;
}

.star_rating p {
	text-align: center;
	font-weight: bold;
	clear: both;
	margin: 0;
	padding: 0;
}

.star_rating p.stars {
	margin-left: 10px;
	width: 90px;
}

.star_rating p span.rate {
	position: static;
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background-color: #0074B7;
}

.star_rating p span.star_empty {
	background: url('/design/images/transparent/star-empty-trans.png') no-repeat;
}

.star_rating p span.star_filled {
	background: url('/design/images/transparent/star-filled-trans.png') no-repeat;
}

/* For transparent images in IE 6 */

* html .star_rating p span.star_empty {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/images/transparent/star-empty-trans.png', sizingMethod='image');
}

* html .star_rating p span.star_filled {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/images/transparent/star-filled-trans.png', sizingMethod='image');
}

.star_rating p span a {
	position: relative;
	display: block;
	width: 16px;
	height: 16px;
}

/* @end */

/* @group Forms */

label { font-weight: bold; }

/* @group Fieldsets */

form.hform fieldset, form.vform fieldset { padding: 1.4em; margin: 10px; border: 1px solid #333; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }

/* @end */

/* @group hform */

form.hform p { clear: both;
 	margin: 0 0 10px 10px;
}
form.hform p label { float: left; width: 100px; text-align: right; margin-right: 10px;
}

form.hform p input { width: 200px; }
form.hform p select { width: 200px; }

form.hform p.date select {
 	width: 72px;
}

form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }

form.hform p.checkbox { margin-left: 100px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }

textarea { margin: 0.5em 0.5em 0 0; padding: .4em; }

/* @end */

/* @group vform */

form.vform p { margin: 0 0 1em 1em; }

form.vform p input { width: 200px; }
form.vform p label { display: block; }

form.vform p.checkbox label { display: inline; }

/* @end */



/* @end */


/* @group mass mailer */
div#mass_mailing {
  font-size: 10pt;

}
div#mass_mailing tr td,
div#mass_mailing tr th,
div#mass_mailing label,
div#mass_mailing p,
div#mass_mailing div,
div#mass_mailing a,
div#mass_mailing h1,
div#mass_mailing h2,
div#mass_mailing h3,
div#mass_mailing h4,
div#mass_mailing h5,
div#mass_mailing h6{
  color: black;
}

div#mass_mailing table#mass_mailings tr:hover a{
  padding-right: 1.4em;
 	background: #ffffff url(/images/shortcut_16.png) no-repeat top right;
}

div#mass_mailing div#to{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
div#mass_mailing div#to label a{
  padding-right: 1.4em;
 	background: #ffffff url(/images/shortcut_16.png) no-repeat top right;
}

div#mass_mailing div#mass_mailing_text,
div#mass_mailing div#mass_mailing_html{
  width: 95%;
  border: 1px solid #999999;
  margin-bottom: 1.5em;
}

div#mass_mailing div#mass_mailing_html {
  padding-top: 1em;
}
div#mass_mailing div#mass_mailing_text {
  white-space: pre;
}

div#mass_mailing ul#filter_left,
div#mass_mailing ul#filter_right{
  float: left;
}

div#mass_mailing div{
  clear:both;
}

div#mass_mailing ul#filter_left input[type=text],
div#mass_mailing ul#filter_right input[type=text]{
  width: 6em;
  text-align: right;
  padding-right: 3px;
}

div#mass_mailing ul#filter_right {
 margin-left: 2em;
}

div#mass_mailing ul#filter_right,
div#mass_mailing ul#filter_left{
 margin-bottom: 1em;
}

div#mass_mailing ul#filter_right li,
div#mass_mailing ul#filter_left li{ 
  margin-bottom: 0.5em;
}
div#mass_mailing textarea{
  width: 95%;
}

div#mass_mailing input[disabled=disabled]{
  background-color: white;
  color: black;
}

div#mass_mailing div#subject input#mass_mailing_subject{
  width: 91%;
  margin-left: 5px;
}

div#mass_mailing div#subject{
  margin-bottom: 0.75em;
}

div#mass_mailing div#buttons{
  margin-top: 1em;
  width: 95%; 
  text-align: right;
}
/* @end */