/* ======================== basic formatting ======================= */

.bold {
   font-weight: bold;
}

.italic {
   font-style: italic;
}

.bold-italic {
   font-weight: bold;
   font-style: italic;
}

/* ======================== site structure ======================= */

a, a:visited {
    color: #3888af;
    font-weight: bold;    
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
}

a:hover, a:active {
    color: #384bb0;
    font-weight: bold;    
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
}

a.article-small {
    color: #4a5a64;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;    
    text-decoration: none;    
}

a.article-small:visited {
    color: #4a5a64;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;    
    text-decoration: none;    
}

a.article-small:hover {
    color: #4a5a64;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;    
    font-weight: bold;
    text-decoration: none;    
}

a.article-small:active {
    color: #4a5a64;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;    
    text-decoration: none;    
    font-weight: bold;
}

a.pink-block, a.pink-block:visited, a.pink-block:hover, a.pink-block:active {
	background-color: #f50cc7;
	color: #fff;
	font: bold 10px/14px Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	margin: 3px 0 3px 0;
	padding: 0 4px 0 4px;
	text-decoration: none;
}

a.breadcrumb, a.breadcrumb:visited {
    color: #fff;
    font: 9px/15px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

a.breadcrumb:hover, a.breadcrumb:active {
    color: #fff;
    text-decoration: underline;
    font: 9px/15px Verdana, Arial, Helvetica, sans-serif;

}

a.subnav-topten, a.subnav-topten:visited {
    color: #4a5a64;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

a.subnav-topten:hover, a.subnav-topten:active {
    color: #4a5a64;
    text-decoration: underline;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
}

a.image-control-left, a.image-control-left:visited {
    color: #4a5a64;    
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    float: left;
}

a.image-control-left:hover, a.image-control-left:active {
    color: #4a5a64;    
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    float: left;
    font-weight: bold;
}

a.image-control-right, a.image-control-right:visited {
    color: #4a5a64;    
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    float: right;
}

a.image-control-right:hover, a.image-control-right:active {
    color: #4a5a64;    
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    float: right;
    font-weight: bold;
}


body {
    background-color: #e5e5e5;
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    margin: 0;
    padding: 0;
    width: 1000px;
}

div.ad-padding {
    padding: 0 0 10px 0;
}

div.advert-mpu {
    background: url(advert-mpu-titlebar.gif) no-repeat top;
    border: 1px solid #000;
    margin: 0 0 5px 0;
    padding: 11px 0 0 0;
    text-align: center;
    width: 303px;
}

div.mpu {
    background: url(advert-mpu-titlebar.gif) no-repeat top;
    border: 1px solid #000;
    margin: 0 0 5px 0;
    padding: 11px 0 0 0;
    text-align: center;
    width: 303px;
    float: right;
}

div.article-body {    
    padding: 0 0 0 0;
}

div.boxout {
    background: #d3dade;
    color: #4a5a64;
    font: 9px/15px Verdana, Arial, Helvetica, sans-serif;
    width: 144px;
    margin: 0 0 4px 0;
    padding: 0 0 18px 0;
}

div.boxout-rhs {
    color: #4a5a64;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;    
    width: 149px;
    margin: 0 0px 0 0;
    padding: 8px 0 18px 0;
}

div.breadcrumb {
    background: url(breadcrumb_bg.gif);
    color: #fff;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
    text-indent: 5px;
    width: 615px;
    margin: 0 0 1px 0;
}


div.divider-black {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    width: 770px;
}

div.dropshadow-bottom {
    background: url(drop_shadow_bottom.gif) no-repeat bottom;
    margin: 0 0 20px 0;
    width: 802px;
    padding: 0 0 5px 0;
}

div.dropshadow-right {
    background: url(drop_shadow_right.gif) #fff repeat-y right;
    padding: 5px 5px 5px 0;
}

div.dropshadow-top {
    background: url(drop_shadow_top.gif) no-repeat top;
    margin: 10px 0 0 0;
    padding: 5px 0 0 0;
    width: 802px;
}

table.homepage-tutorial-jumper {
    background: #d3dade;
    color: #4a5a64;
    font: 9px/17px Verdana, Arial, Helvetica, sans-serif;
    margin: 0 0 4px 0;
    width: 299px;
}

.homepage-tutorial-jumper td {
    background: #d3dade;
    color: #4a5a64;
}

.jump-text {
    width:70px; 
    text-indent:14px;
}

.homepage-tutorial-jumper form {
    display: inline;
}

div.image-browser {
    width: 100px;
    padding: 10px 24px 0px 25px;    
    background: #d3dade;
    margin: 1px 0 0 0;
}
div.browser-control {
    width: 145px;
    padding: 5px 2px 18px 2px;
    margin: 0 0 3px 0;
    background: #d3dade;
}

div.futurebar {
	width: 280px;
	text-align: left;		 
	border: 0;
	padding: 0;
	margin: 0;
}

div.futurebar1 {
	width: 80px;
	text-align: left;	
	align: left;	 
	border: 0;
	padding: 0;
	margin: 0;
}

div.page-margin {
    border-left: 1px dotted #000;
    border-right: 1px dotted #000;
    margin: 0 5px 0 5px;
    padding: 0 5px 0 5px;
}

div.pink-margin {
    background: url(pink_border.gif) repeat-y left;
    padding: 0 0 0 5px;
}

div.qualifier {
    background: url(qualifier_bg.gif) repeat;
    color: #fff;
    font: bold 16px/26px Arial, Helvetica, sans-serif;
    margin: 0 0 0 0;
    text-indent: 8px;
    width: 615px;
}

div.search-bar {
    background: #d3dade;
    color: #4a5a64;
    font: 11px/17px Verdana, Arial, Helvetica, sans-serif;    
    margin: 1px 0 5px 0;
    padding: 4px 0px 4px 0px;
    width: 615px;
}

div.sort-bar {
    background: #d3dade;
    color: #4a5a64;
    font: 9px/15px Verdana, Arial, Helvetica, sans-serif;    
    margin: 1px 0 5px 0;
    padding: 4px 0px 4px 0px;
    width: 615px;
}

div.sort-bar-bottom {
    background: #d3dade;
    color: #4a5a64;
    font: 9px/15px Verdana, Arial, Helvetica, sans-serif;
    margin: 1px 0 3px 0;
    padding: 4px 0px 4px 0px;
    width: 615px;
}

div.sort-box {
    float: left;
    padding-left: 9px;
}

#sort-index {
    padding-right: 11px;
    text-align: right;
}

form {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

h1 {
    color: #000;
    font: 24px Verdana, Arial, Helvetica, sans-serif;
    margin: 0 0 5px 0;
}

h2.homepage-article-index {
    background: url(homepage_article_index_head.gif);
    color: #fff;
    display: block;
    font: bold 9px/15px Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    margin: 0px 0px 1px 0px;
    text-indent: 3px;
    width: 299px;
}

h2.lhs-boxout {
    background: url(boxhead_lhs.gif);
    color: #fff;
    display: block;
    font: bold 9px/15px Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    margin: 0px 0px 1px 0px;
    padding: 0;
    text-indent: 5px;
    width: 144px;
}

h2.rhs-boxout {
    background: url(boxhead_rhs.gif);
    color: #fff;
    display: block;
    font: bold 9px/15px Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    margin: 0px 0px 0px 0px;
    text-indent: 5px;
    width: 149px;    
}

h2.rhs-boxout-up {
    background: url(boxhead_down.gif);
    color: #fff;
    display: block;
    font: bold 9px/15px Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    margin: 0px 0px 0px 0px;
    text-indent: 5px;
    width: 149px;
}

h2.image-browser {
    background: url(qualifier_bg.gif);
    color: #fff;
    display: block;
    font: bold 9px/15px Arial, Helvetica, sans-serif;
    letter-spacing: normal;    
    margin: 0px 0px 1px 0px;
    text-indent: 5px;
    width: 149px;
}

iframe {
}

img {
    border: 0px;
}

img.index, .logo {
    border: 0px;
    margin: 0 11px 0 0;
}

input {
    border: 1px solid #4a5a64;
    color: #4a5a64;
    font: bold 11px/15px Arial, Helvetica, sans-serif;
    margin: 0 0 0 0;
    }

select {
    border: 1px solid #4a5a64;
    color: #4a5a64;
    font: bold 11px/15px Arial, Helvetica, sans-serif;
    margin: 1px 0 1px 10px;
    text-indent: 5px;
}

input.jumpbox-button {
    background-color: #4a5a64;
    border: 0px none;
    color: #fff;
    font: bold 8px/15px Arial, Helvetica, sans-serif;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}


p.rhs {
    color: #4a5a64;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;    
}

p.boxout {    
    padding: 3px 0px 0px 0px;
    margin: 0 0 0 5px;
}


#page-control {
    padding: 100px 0 5px 0;    
    display: block;
    width: 450px;
    text-align: center;
}

#page-control a, #page-control a:visited {
    color: #4a5a64;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;    
    text-decoration: none;    
}

#page-control a:hover, #page-control a:active {
    color: #4a5a64;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;    
    text-decoration: underline;    
}

span.article-small {
    font: 9px/13px Verdana, Geneva, Arial, Helvetica, sans-serif; 
    color: #4a5a64;
}

span.article-layout-main-image {
    padding: 1px 0 5px 0;
    display: block;
    width: 455px;
    text-align: center;
}

span.index-thumb {
    padding: 0 2px 0 2px;
}


span.pink-block {
    background-color: #f50cc7;
    color: #fff;
    font: bold 10px/14px Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    margin: 0 0 1px 0;
    padding: 0 4px 0 4px;
}

span.doNotDisplay {
    display: none;
}

table.logo_and_navigation {
    display:block; 
    clear: left;
}

table.homepage-index-entry {
    border-bottom: 1px dotted #000;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;    
    width: 299px;
}

table.homepage-index-entry-eof {
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
    width: 299px;
}

table.index-entry {
    border-bottom: 1px dotted #000;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;    
    width: 450px;
}

table.search {
    border-bottom: 1px dotted #000;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;    
    width: 615 px;
}

table.index-entry-eof {
    margin: 0 0 5px 0;
    padding: 0;
    width: 450px;
}

table.taster-row {
    border-bottom: 1px dotted #000;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;    
    width: 770px;
}

td {
    background-color: #fff;
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
}

td.lhs-panel {
    border-right: 1px dotted #000;
    padding: 0 5px 0 0;
}

td.magazine-rack-light {
    background-image: url(magrack_light_bg.gif);
    margin: 1px 0 0 0;
    padding: 10px 10px 10px 10px;
    width: 173px;
}

td.magrack-titlebar {
    background-image: url(mag_rack_titlebar.gif);
    color: #fff;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
    text-indent: 5px;
    width: 770px;
}

td.padding {
    padding: 0 0 0 5px;    
}

td.homepage-index {
    padding: 0 5px 0 5px;
}

td.article-image {
    padding: 0 0 5px 5px;    
}

td.rhs-content-boxout {
    border-left: 1px dotted #000;
    color: #000;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
    padding: 0 0 0 5px;    
    width: 150px;
}

td.rhs-content-boxout-homepage {
    border-left: 1px dotted #000;
    color: #000;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
    padding: 0 0 0 5px;    
}

.article-index-filter {
    vertical-align: middle;
}


/* ======================== layout divs ======================= */

/*div.matrix-body {
    width: 769px;  
}*/

div.lhs-layout {
    width: 144px;
    float: left;
    padding: 0 5px 0 0;        
}


div.body-layout {
    width: 615px;
    float: left;    
    padding: 0 0 0 5px;    
    border-left: 1px dotted black;
}

div.rhs-body-layout {
    width: 146px;
    float: left;        
    padding: 0 0 0 5px;        
}


div.article-layout {
    width: 455px;    
    padding: 0 5px 0px 5px;        
    float: left;
    border-right: 1px dotted black; 
    border-left:  1px dotted black; 
}

div.article-layout-1-col {
    width: 610px;    
    padding: 0 5px 0px 5px;        
    float: left;
    border-left:  1px dotted black; 
}

/* ================ Index layout divs ======================= */

div.index-rhs-body-layout {
    width: 144px;
    float: left;        
    padding: 0px 0 0 4px;            
}

div.index-layout {
    width: 455px;
    float: left;
    padding: 0px 5px 0px 0px;    
    
    border-right: 1px dotted black;    
}

div.index-body-layout {    
    width: 615px;
    float: left;    
    padding: 0 0 0 5px;        
    border-left: 1px dotted black;
}

div.index-lhs-layout {
    width: 144px;
    float: left;
    padding: 0 5px 0 0;    
}

/* ================ Article Updates ========================= */


div.rhs-body-layout-article {
    width: 146px;
    float: left;        
    padding: 0 0 0 5px;            
}

h2.rhs-boxout-article {
    background: url(rhs_article_header.gif) right;
    color: #fff;
    display: block;
    font: bold 9px/15px Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    margin: 5px 0px 1px 0px;
    text-indent: 5px;
    width: 149px;    
    
}

div.boxout-rhs-article {
    color: #4a5a64;
    background: url(rhs_article_header.gif) right;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;    
    width: 144px;
    margin: 0 0px 0px 0;
    padding: 8px 0 18px 5px;
    background-color: #d3dade;
}

div.boxout-rhs-article-magbox {
    color: #4a5a64;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;    
    width: 144px;
    margin: 0 0px 0px 0;
    padding: 8px 0 5px 5px;
    background-color: #d3dade;
}

div.breadcrumb-surround {
    float: left; 
    border-left: 1px dotted black;
    margin-bottom: 1px;
    padding: 0 0 0 5px;
}

div.breadcrumb-article {
    background: url(breadcrumb_bg.gif) no-repeat left;
    color: #fff;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
    text-indent: 5px;
    width: 615px;    
    padding: 0 0 0 0px;
    margin: 0 0 0 0px;   
}

/* ul.con, ul.pro, ul.features { */
div.con ul, div.pro ul, div.features ul {
    list-style-type: square;
    color: #4a5a64;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;        
    padding: 8px 0 18px 5px;
    margin: 0 0 0 0px;
    background-color: #d3dade;
    width: 144px;
    list-style-position: inside;
}

ul.links, div.links ul {
    color: #4a5a64;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;        
    padding: 8px 0 18px 3px;
    margin: 0 0 0 0px;
    background-color: #d3dade;
    width: 146px;
    list-style-position: inside;
    list-style-image: url(magrack_arrow.gif);
    text-indent: 0px;
    vertical-align: middle;
}

ul.links-magbox {
    color: #4a5a64;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;        
    padding: 0px 0 18px 3px;
    margin: 0 0 0 0px;
    background-color: #d3dade;
    width: 146px;
    list-style-position: inside;
    list-style-image: url(magrack_arrow.gif);
    text-indent: 0px;
    vertical-align: middle;
}

a.rhs-boxout, a.rhs-boxout:visited {
    color: #4a5a64;    
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;        
    padding: 0 0 0px 3px;
}

a.rhs-boxout:hover, a.rhs-boxout:active {
    color: #4a5a64;    
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;        
    font-weight: bold;
    padding: 0 0 0px 3px;
}

/* ================ Form Updates   ========================= */

td.email_friend_question {
    width: 20%;
    font-weight: bold;
}

.error, .register ul, ul.user-gallery-upload-errors {
    color: #FF0000;
    border: 1px solid #000000;
    padding: 1em;
    margin: 1.2em 0;
}

.register li, .user-gallery-upload-errors li {
    margin-left: 1.2em;
}

td.log_in_invite {
    border-right:dotted 1px #000000;
}

.not_live, .created_live, .confirmation , .center_box {
    border: 1px solid #000000;
    padding: 1em;
    margin: 20% 15%;
}

 div.notice {
    border-top: 1px dotted #000000;
    padding-top: 15px;
    margin-top: 20px;
    font-size: 10px;
}

.notice a,  .notice a:visted, .notice a:hover, .notice a:active {
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-size: 10px;
}


ul.links, div.links ul {
    color: #4a5a64;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;        
    padding: 8px 0 18px 3px;
    margin: 0 0 0px 0px;
    background-color: #d3dade;
    width: 146px;
    list-style-position: inside;
    list-style-image: url(magrack_arrow.gif);
    text-indent: 0px;
    vertical-align: middle;
}

ul.lhs-links {
    color: #4a5a64;
    font: 9px/13px Verdana, Arial, Helvetica, sans-serif;        
    padding: 0px 0 5px 3px;
    margin: 0 0 1px 0px;
    background-color: #d3dade;
    width: 141px;
    list-style-position: inside;
    list-style-image: url(magrack_arrow.gif);
    text-indent: 0px;
    vertical-align: middle;
}

a.subnav-lhs, a.subnav-lhs:visited {
    color: #4a5a64;    
    font: 9px/15px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;    
    width: 130px;    
    padding: 0 0 0 3px;
}

a.subnav-lhs:hover, a.subnav-lhs:active {
    color: #4a5a64;    
    font: 9px/15px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;    
    width: 130px;
    font-weight: bold;
    padding: 0 0 0 3px;
}

/* ================ Login & Search Box Updates   ========================= */

.boxout form {
    display: inline;
}

input.lhs-boxout-button {
    background-color: #4a5a64;
    border: 0px none;
    color: #fff;
    font: bold 8px/14px Arial, Helvetica, sans-serif;
    margin: 10px 5px 10px 5px;
    width: 132px;
}

.login_input {
    margin: 0 5px 0 5px;
}

.login_boxout_message {
    margin: 0 5px 0 5px;
    font-weight: bold;
}

.login_boxout_system_messages {
    margin: 0 5px 0 5px;
    font-weight: bold;
    color: #FF0000;
}

div.login_sign_up {
    margin: 5px 0px 5px 0px;
    padding: 5px 0px 5px 0px;
    border-top: 1px dotted #000;
    text-indent: 5px;
}

.search_box input {
    border: 1px solid #4a5a64;
    color: #4a5a64;
    font: bold 9px/15px Arial, Helvetica, sans-serif;
    width: 95px;
    text-indent: 5px;
    margin: 5px;
}

.search_button input {
    background-color: #4a5a64;
    border: 0px none;
    color: #fff;
    font: bold 8px/14px Arial, Helvetica, sans-serif;
    margin: 5px 5px 5px 0;
    width: 20px;
}

/*
div.user-gallery-upload-fields input.upload-box {
    background-color: #4a5a64;
    border: 0px none;
    color: #fff;
    font: bold 8px/14px Arial, Helvetica, sans-serif;
    margin: 5px 5px 5px 0;
}
*/

#futurebar {
	width: 270px;
	text-align: left;		 
	border: 0;
	padding: 0;
	margin: 0;
}	

#futurebar select {
	border: 0;
	padding: 0;
	margin: 5px 0 5px 0;         	
         text-indent: 0;
         font: 9px/14px Arial, Helvetica, sans-serif;
}