/* www.onlineamd.com */
/* MainStyle.css */

/* HTML */
body {
    margin: 0;
    padding: 0;
	font-family: Arial, Sans-Serif;
	background: #fff url('/Images/SiteBackground.jpg') no-repeat;
	color: #000;
	font-size: 12px;
}

a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #62a0b9;
}

h1 {
    margin: 10px 0 0 0;
}

h2 {
    text-transform: uppercase;
    margin: 0;
    font-size: 14px;
    margin-bottom: 14px;
}

h3 {
    margin: 0;
}

h4 {
    margin-top: 0;
    margin-bottom: 7px;
    font-size: 11px;
}

hr {
    color: #c5c5c5;
    background-color: #c5c5c5;
    border: none;
    height: 1px;
}

/* MASTER PAGE */
/* Top Section */
#container {
    width: 1009px; /* 952px */
    margin: 0 auto;
}

#leaderboard {
    margin: 30px auto;
    width: 728px;
}

#header {
    width: 997px;
    height: 149px;
    margin: 0 auto;
}

#shadowtop 
{
    background: #fff url('/Images/ShadowTop.gif') no-repeat;
}

/* Navigation */
#menu {
    height: 28px;
    background-color: #ffcc66; 
    border-top: solid 1px #fff;
    width: 995px;
    margin: 0 auto;
}

#menu ul li.selected a, #submenu, .marketplacemenu li a:hover {
    background-color:  #62a0b9;
}

#menu ul {
    list-style-type: none;
    margin: 0 11px;
    padding: 0;
}

#menu ul li {
    float: left;
}

#menu ul li a {
    display: block;
    color: #000;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 28px;
}

#menu ul li.selected a {
    color: #fff;
}

#submenu {
    height: 24px;
    width: 995px;
    margin: 0 auto;
}

#submenu ul {
    margin: 0 16px;
    padding: 0;
    list-style-type: none;
    float: left;
    display: none;
}

#submenu ul.selected 
{
    display: block;
}

#submenu ul li {
    display: inline;
    padding-right: 22px;
}

#submenu ul li a {
    font-size: 11px;
    text-transform: lowercase;
    color: #fff;
    line-height: 24px;
}

#submenu li.current {
    font-weight: bold;
}

/* Site Search */
#sitesearch {
    float: right;
    margin-right: 13px;
    height: 28px;
    line-height: 24px;
}

#sitesearch .textbox {
    width: 200px;
    margin-right: 5px;
    height: 13px;
}

#sitesearch .button 
{
    color: #000;
    text-decoration: underline;
}

/* Login */
#login {
    float: right;
    margin-right: 13px;
    height: 24px;
    line-height: 20px;
    color: #fff;
}

#login .textbox {
    width: 75px;
    margin-right: 5px;
    height: 13px;
}

#login .button {
    color: #fff;
}

#login span {
    vertical-align: bottom;
}

#shadow 
{
    background: #fff url('/Images/Shadow.gif') repeat-y;
}

/* Content */
#main 
{
    margin: 38px 0 38px 28px;
    width: 812px;
    float: left;
}

#floating 
 {
     width: 500px; 
     height: 500px; 
     position: absolute; 
     left: 50%; 
     top: 168px; 
     margin-left: -250px;
     z-index: 999;
 }

#sidebar 
{
    margin: 38px 28px 38px 15px;
    width: 125px;
    float: left;
}

/* Bottom Banner */
#banner {
    text-align: center;
    width: 468px;
    margin: 10px auto 0 auto;
}

/* Marketplace Menu */
a.title {
    padding: 0;
    margin-bottom: 6px;
    padding-bottom: 6px;
    display: block;
    font-weight: bold;
    font-size: 12px;
    color: #000;
}

.marketplacemenu h2 {
    margin: 0;
    margin-bottom: 4px;
    color: #000;
    text-transform: uppercase;
    font-size: 9px;
}

.marketplacemenu ul {
    margin: 0;
    list-style-type: none;
    padding: 0 0 6px 0;
}

.marketplacemenu li {
    padding: 4px 0;
    border-top: dashed 1px #d3d3d3; /* Gray */
}

.marketplacemenu li a {
    font-size: 9px;
    color: #000;
    display: block;
}

.marketplacemenu li a:hover {
    color: #fff;
}

#sidebar h3 {
    margin-top: 10px;
    margin-bottom: 6px;
    padding-top: 14px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-top: dashed 1px #d3d3d3; /* Gray */
}

/* Footer */
#footer {
    height: 34px;
    text-align: center;
    font-size: 10px;
}

/* Footer Menu */
#footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
}

#footer ul li {
    display: inline;
    border-left: solid 1px #000;
    margin-left: 3px;
    padding: 0 1px 0 6px;
}

#footer ul li a {
    font-size: 10px;
    color: #000;
    line-height: 10px;
}

#footer li a.selected {
    font-weight: bold;
}

/* Home */
/* Top Story */
#mainstory {
    float: left;
    width: 538px;
}

#mainstory p {
    margin: 8px 0;
}

#headlinenews {
    float: left;
    padding-left: 30px;
}

#headlinenews p {
    margin-top: 4px;
}

#hottopics, #currentissue, #products {
    width: 395px;
}

#video, #resources, #pollhome {
    width: 346px;
}

#pollhome .button {
    float: right;
}

#leftside, #rightside {
    float: left;
}

#leftside .contentbox, #rightside .contentbox {
    width: 371px;
}

/* Form Elements */
.form {
    font-family: Arial, Sans-Serif;
    font-size: 10px;
}

.dropdownlist {
    width: 200px;
    border: solid 1px #c5c5c5;
    padding: 2px;
}

.label {
    width: 55px;
    display: block;
    float: left;
    clear: left;
    padding-top: 4px;
}

.multitxt {
    border: solid 1px #c5c5c5;
    padding: 4px 2px 0 2px;
}

.textbox {
    border: solid 1px #c5c5c5;
    vertical-align: middle;
    font-size: 11px;
}

.button {
    font-size: 11px;
    text-transform: lowercase;
    vertical-align: bottom;
}

/* GENERIC CLASSES */
.contentbox {
    width: 784px;
    border: solid 1px #d3d3d3; /* Gray */
    padding: 13px;
    clear: left;
    margin-bottom: 37px;
}

.contentbox p {
    font-size: 12px;
    /*line-height: 1.5em;*/
}

.contentbox h1 a, .contentbox h3 a, .contentbox h4 a {
    color: #000;
}

ul.tabs {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.tabs li {
    float: left;
    background: url('/Images/YellowTabLeft.gif') no-repeat;
}

ul.tabs li a {
    float: left;
    background: url('/Images/YellowTabRight.gif') no-repeat 100% 0%;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    font-size: 12px;
    line-height: 26px;
}

ul.tabs li.selected {
    background: url('/Images/BlueTabLeft.gif') no-repeat;
}

ul.tabs li.selected a {
    background: url('/Images/BlueTabRight.gif') no-repeat 100% 0%;
    color: #fff;
}

.zindexswitch {
    position: relative;
    z-index: 0;
}

.clearleft {
    clear: left;
}

.clearright {
    clear: right;
}

.clearboth {
    clear: both;
}

.noresults {
    display: block;
    padding-bottom: 8px;
    padding-top: 0;
    margin-top: 0;
    font-size: 9px;
}

.imgborder {
    border: solid 1px #d3d3d3;
}

a.morelink {
    font-weight: bold;
    color: #000;
    text-transform: lowercase;
}

.knockout {
    background-color: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    opacity: 0.4;
}


.image {
	position: relative;
    background-color: #000;
    height: 111px;
    margin: 9px 0;
}

.image .text {
	position: absolute;
	top: 0; 
	left: 0;
	padding: 4px;
}

.image .text h3 {
    margin: 0;
    padding: 0;
    font-size: 18px;
}

.image .text h3 a {
    color: #fff;
}

/* Left aligns an image to a h3 heading for the title, and p for the description */
.imagelist {
    margin-bottom: 6px;
}

.imagelist img {
    float: left;
}

#hottopics .imagelist h3, #hottopics .imagelist p {
    margin-left: 114px;
}

#currentissue.imagelist h3, #currentissue.imagelist p, #currentissue.imagelist ul {
    margin-left: 189px;
}

.imagelist p {
    margin-top: 4px;
}

#exclusives.imagelist h3, #exclusives.imagelist p {
    margin-left: 114px;
}

/* Horizontal list */
ul.inlinelist {
    margin: 8px 0;
    padding: 0;
    list-style: none;
}

ul.inlinelist li {
    padding: 0 8px;
    display: inline;
}

ul.inlinelist li a {
    color: #000;
    text-decoration: underline;
}

/*Reorder List*/
.dragHandle {
	cursor:move;
	border:outset thin white;
    text-align:center;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color: #5377A9;	
	color:Black;
}

.reorderListDemo li {
	list-style:none;
	margin:2px;
}

.reorderListDemo li a {color:#FFF !important; font-weight:bold;}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:100%;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}

/* Pop-up */
.modalpopup {
    background-color: #E3E3E3;
    border: solid 1px #d3d3d3;
    text-align: left;
    width: 450px;
}

.modalpopup h3 {
    padding: 9px 9px 9px 9px;
    background-color: #ccc;
    color: #000;
}

.modalpopup p {
    padding: 9px;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 13px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 10;
}

.filledRatingStar {
    background-image: url('/Images/StarSolid.gif');

}

.emptyRatingStar {
    background-image: url('/Images/Star.gif');
}

/* Video Player */
#player1.smallplayer {
    height: 260px; 
    width: 346px;
    margin-bottom: 15px;
}

/* Comment Box */
.commentheader {
    background: url('/images/Arrow.gif') 20px 0 no-repeat;
    padding-left: 58px;
}
    
.commentbox {
    background-color: #ececec;
    padding: 8px;
    margin-bottom: 25px;
}

ul.nolist {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.nolist li {
    padding: 4px 0;
}

a.underline {
    text-decoration: underline;
    color: #000;
}

.boxoverride table {
    margin: 0;
    text-align: left;
    position: relative;
    z-index: 10;
}

.bold {
    font-weight: bold;
}

.topmargin {
    margin-top: 10px;
}

.bottommargin {
    margin-bottom: 10px;
}

.indent {
    padding-left: 8px;
}

.indentdouble {
    padding-left: 16px;
}

hr.seperator {
    color: #fff;
    background-color: #fff;
    border: 1px dotted #d3d3d3;
    border-style: none none dotted;
    height: 1px;
}

.block {
    display: block;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

#breadcrumbs ul {
    list-style-type: none;
    margin: 8px;
}

#breadcrumbs li {
    display: inline;
    margin: 0;
    padding: 0;
}

#breadcrumbs li a {
    text-decoration: none;
}

.message {
    font-weight: bold;
    color: #a66b2a;
}

.alternate {
    background-color: #f7f7f7;
}

.rightspacing {
    margin-right: 14px;
}

.center {
    text-align: center;
}

.fineprint {
    font-size: 9px;
}