body{
background-color:#000000;
color:#cccccc;
font-family:"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif !important;
vertical-align:center;
font-size:11px;
}
#loginContainertrue
{
height:320px;
width:800px;
margin-right:auto;
margin-left:auto;
margin-top:40px;
font: Bold 14px;
}
#pdfBtn
{
background-image:url('pdf.png');
width:38px;
}
#csvBtn
{
background-image:url('csv.png');
width:38px;
}
#printerBtn
{
background-image:url('printer.png');
width:38px;
background-repeat:no-repeat;
}
#loginContainer
{
width:800px;
margin-left:auto;
margin-right:auto;
}

#welcomeContainer
{
font-size:11px;
color: #969090;
font-weight:normal;
text-align:center;

}
#welcomeContainer1
{
font-size:10px;
color: #969090;
font-weight:normal;

}
#creditsRow
{
color:#222;
}

#welcomeContainerLogin
{
font-size:13px;
color: #969090;
font-weight:normal;
text-align:left;
}

#formContainer
{
position:relative;

margin-top:40px;
}

#fieldsetContainer_login
{
margin-top:10px;
width:800px;
height:120px;
background-repeat:no-repeat;
border:none;
font: 10px;
color: #969090;
}


em{
color:#F5DEB3;
}

.rssbutton{
background-color: #ff6600;
border: 1px #ff6600 outset;
padding: 0 2px;
color: #cccccc;
text-decoration: none;
font: bold 10px;
}

.rssbutton:visited{
color: white;
}
.rssbutton:hover{
color:white;
}
.rssbutton:active{
color:white;
}


.cssbutton{
background-color:#222;
border: 1px solid #333;
color: #ffffff;
text-decoration: none;
font-size:10px;
text-transform:capitalize;
}

#error
{
font-size:13px;
color:#ff8800;
font-weight:normal;
margin-left:7px;
}

/* tableless css form*/

.cssform p{
width: 300px;
margin-left:auto;
margin-right:auto;
clear: left;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px solid gray;
height: 1%;
}

.cssform label{
font:normal 12px;
color:#969090;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
.cssform
{


}
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px;
line-height: 18px;
z-index: 100;
background-color:#222222;
width: 200px;
color:#F5DEB3;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}
#help{
position:absolute;
left:20px;
bottom:0px;
}
#showTable{
color:#969090;
background-color:#111111;
width:800px;
text-align:center;
margin-top:10px;
margin-left:auto;
margin-right:auto;
font-size:11px;
}
#leftAlign
{
text-align:left;
}
.leftAlign
{
text-align:left;
padding-left:5px;
}
#trID{
background-color:#222222;
font-size:12px;
height:20px;
color:#fff;
}
#condeHeader{
background-image:url('user_header.png');
background-color:#222222;
height:140px;
width:800px;
margin-left:auto;
margin-right:auto;
top:14px;
}
#test{
margin-left:auto;
margin-right:auto;
width:800px;
}
#alert{
color:#cccccc;
text-align: center;
font-size:14px;
}
#trIDRED{
background-color:#ff7755;
}
#tdIDRED{
background-color:red;
}
#showTable1{
font-size:10px;
background-color:grey;
width:500px;
margin-left:auto;
margin-right:auto;
}
#footer{
position:fixed;
bottom:0px;
width:100%;
height:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
color:#969090;
background-color:#111;
border-top:1px solid #222;
}
#footerHome{
color:#969090;
font-size:10px;
font-family:"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif !important;
font-weight:bold;
position:relative;
float:right;
top:-18px;
}
#myLinks{
color:black;
font-size:10px;

font-weight:bold;
}
#myLink{
color:#000000;
border-right:#000000;
font-size:10px;

font-weight:bold;
}
#pencil{
color:#ff7755;
}
#pencilgrey{
color:grey;
}
#buttonblack{
color:black;
}
#terms149{
color:#969090;
width: 800px;
margin-left:auto;
margin-right:auto;
}
.footer{
position:relative;
width:800px;
margin-left:auto;
margin-right:auto;
top:100px;
}
.header{
width:800px;
margin-left:auto;
margin-right:auto;
}
#order_status{

text-align:center;
}
#keyColumn1{
background-color:grey;
color: black;
}
#keyColumn2{
background-color:#ff7755;
color: black;
}

#keyColumn4{
background-color:#F5DEB3;
color: black;
}

#keyColumn3{
background-color:#669922;
color: black;
}
#key{
width:50%;
font-size: 10px;
}
#tdIDGREEN{
background-color:#669922;
}
#tdID2{
background-color:red;
}
#centerform{
width:300px;
margin-left:auto;
margin-right:auto;
font-size: 12px;
color:grey;
}
#centerTD{
text-align:right;
}
#supportForm{
width:800px;
font-size:10px;

background-color:#222222;
margin-left:auto;
margin-right:auto;
}
#all_magazines{
width:100px;
margin-left:auto;
margin-right:auto;
}
#selectedmag{
border:1px solid #222222
}
img{
border-color:transparent;
}
#myGreyLink{
color:#969090;
font-size:10px;

font-weight:bold;

}
.myGreyLink{
color:#969090;
font-size:10px;

font-weight:bold;

}
#subject{
width:480px;

}
.myHighlighting:hover
{
background-color:#222222;
}
#msg{
width:480px;
}
#sbjct{
background-color:#222222;
vertical-align:middle;
text-align:center;
text-align:center;
}
#formName{
margin-left:47px;
color:white;
}
#bug{


margin-top:100px;
width:300px;
height:50px;

margin-left:auto;
margin-right:auto;
text-align:center;
}
#textarea1{
background-color:#000000;
color:#cccccc;
border-top:#000000;
border-left:#000000;
border-bottom:#000000;

font-size:12px;
width:100%;
}
#Section1{
width:100%;
margin-left:auto;
margin-right:auto;
}
#download{

}

#bug_report_table{
color:#cccccc;

margin-left:auto;
margin-right:auto;
text-alin:center;
font-size:10px;
}

#bigText{
width:660px;
background-color:#cccccc;
border:none;
}
.bigText{
width:600px;
background-color:#cccccc;
font-size:10px;
border:none;
}
#terms{
color:#969090;
font-size:10px;
font-weight:bold;
}
#termsstyle{
color:#969090;
font-size:10px;
font-weight:bold;
}
#alomostlikeloginContainer{
width: 800px;
margin-left:auto;
margin-right:auto;
}
#termsstyle1{
color:#969090;
font-size:10px;
font-weight:bold;

}
#preview{

color:#969090;
text-align:center;
font-size:10px;

}
#loginImg{
width:510px;
height:330px;
background-image:url('CondeNast.jpg');
margin-top:-160px;
margin-left:320px;
z-index:3;
}
#formTable{
margin-top:100px;
font-size:11px;
}
#footer1{
color:#969090;
font-size:10px;

font-weight:bold;
position:relative;
top:-22px;
left:20px;
}
#controls{
color:#cccccc;
font-size:12px;

}
#blank{
height:50px;

}
#clickHere
{
color:#969090;
font-size:13px;
font-weight:normal;
margin-top:-4px;
text-align:center;
text=decoration:underline;
z-index:1;
}
#profileTable{
width:450px;
margin-left:auto;
margin-right:auto;
height:450px;


color:#cccccc;
}
#profileData{
background-color:#111111;
font-size:11px;
border:;
}
#profileHeading{
height:20px;
}
#smallerProfileTable{
vertical-align:top;
width:100%;
font-size:12px;
}
.cssbuttonFinished{
background-color:#222;
border: 1px solid #333;
color: #ffffff;
text-decoration: none;
font-size:10px;
text-transform:capitalize;
}
#footer2{
position:relative;
color:#969090;
font-size:10px;

font-weight:bold;
position:relative;
top:-22px;
margin-left:695px;
}
.myGreyLinkBig{
color:#444;
font-size:13px;
font-weight:bold;
}
.myGreyLinkBig :visited{
color:#000;
font-size:13px;
font-weight:bold;
}
.myGreyLinkBigDarker{
color:#555;
font-size:13px;



}
.myGreyLinkBigDarker:hover{
color:#555;
font-size:13px;

font-weight:bold;

}
.myGreyLinkBigDarker:visited{
color:#555;
font-size:13px;



}
#passwordReminder
{
width:450px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
background-color:#111111;
text-align:left;
}
#pswdInstructions
{
height:40px;

font-size:12px;
}
#ie7
{
position:absolute;
top:605px;
right:10px;
}
#marquee
{
width:500px;
margin-left:200px;

font-size:12px;
text-align:center;
}
#warning_icon
{
position:relative;
top:6px;
}
#transparentBug
{
position:relative;
top:2px;
}
.myFormElements
{
font-size:11px;
background-color:#dddddd;
border-left:none;
border-bottom:none;
border-top:none;
border-right: 4px solid #ffdd33;
}
#stepDown
{
position:relative;
top:11px;
}
#notice
{
position:relative;
left:10px;
}
#floatRight
{
float:right;
text-align:right;
}
.highlightFormElements
{
font-size:11px;
background-color:#FF0000;
border-left:none;
border-bottom:none;
border-top:none;
border-right: 4px solid #ffdd33;
}
.myFormElements:hover
{
font-size:11px;
background-color:#dddddd;
border-left:none;
border-bottom:none;
border-top:none;
border-right: 4px solid #ff8800;
}
.myFormElements:focus
{
border-right: 4px solid #ff8800;
background-color:#999999;
}
#innerFooter
{
width:800px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.help
{
position:relative;
top:5px;
left:10px;
}
#captcha
{
width:50px;
}
#newLogin
{
width:800px;
height:400px;
margin-left:auto;
margin-right:auto;
text-align:center;
background-image:url('CondeNast.jpg');
background-repeat:no-repeat;
background-position:205px 60%;
margin-top:32px;
}
#leftTopRow
{
height:100px;
}
#leftTopCell
{
width:250px;
text-align:left;
padding-left:4px;
vertical-align:top;
color:#888;
}
#leftBottomRow
{
height:200px;
}
#leftBottomCell
{
font-size:12px;
text-align:left;
padding-left:4px;
}
#newLoginRightTable
{
background-image:url('grey-box.png');
height:400px;
width:200px;
float:right;
color:#333;
}
#usernameRow
{
text-align:left;
height:20px;
}
#usernameCell
{
padding-left:4px;
}
#loginRow
{
text-align:left;
height:20px;
}
#loginCell
{
padding-left:4px;	
}
#usernameRow
{
height:30px;	
}
#passwordRow
{
text-align:left;
height:20px;
}
#passwordCell
{
padding-left:4px;	
	
}
#passwordElementRow
{

	height:30px;
}
#usernameElementRow
{
height:30px;
}
#buttonTableHolder
{
height:30px;
}
#buttonTable
{
width:100%;
}
#registerLinksRow
{
text-align:left;
}
#registerLinksCell
{
padding-left:4px;
width:123px;
}
#registerAreaTable
{
width:90%;
margin-left:auto;
margin-right:auto;
background-image:url('white-box.png');
height:190px;
font-size:12px;
text-align:left;

color:#666;
padding-left:4px;
}
#newLoginLeftTable
{
height:400px;
width:200px;
color:#666;
}
#usernameField
{

background-image:url('usernameBg.png');
background-position:-25px -6px;	
}
#usernameField:focus
{
background-color:#ddd;
background-image:none;

}
#usernameField:visited
{
background-color:#ddd;
background-image:none;

}
.helpQuest
{
padding-left:5px;
font-weight:bolder;
}
.helpLink
{
color:#fff;
text-decoration:none;
}
.helpLink:visited
{
color:#fff;
text-decoration:none;
}