html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,
u,i,center,fieldset,form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body {line-height:1;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* ----------------( body )----------------------------- */

html { min-height:100%;height:auto;overflow-y:scroll;}
body { text-align:center;font-family:"Arial",sans-serif;color:#000;font-size:13px;line-height:1.7em;}
#container { position:relative;margin:0 auto;padding:0;text-align:left;width:960px;clear:both;z-index:1;}

p,pre { margin-bottom:1.167em;}

/* ----------------( links )----------------------------- */

a:link,
a:visited { border-bottom:1px dotted #000;text-decoration:none;font-weight:600;color:#2079b9;color:#000;}
a:hover   { border-bottom:1px solid #2079b9;color:#2079b9;}

/* ----------------( menu )----------------------------- */

#smoothmenu {
text-align:right;
list-style-type:none;
width:970px;
margin:0 auto;
padding:0;
display:block;
line-height:24px;
}

.menu    { margin:65px 40px 0 0;padding:0;list-style-type:none;display:inline-block; }
.menu li {
text-align:center;
display:inline;
float:left;
position:relative;
width:9.5em;
border-right:1px solid #fff;
}
.menu li a {
display:block;
padding:0;
margin:0;
display:block;
font-weight:normal;
line-height:36px;
font-size:14px;
border-bottom:none;
text-transform:uppercase;
width:100%;
}
.menu li a:link,
.menu li a:visited       { color:#8e8e8e;text-decoration:none; }
.menu li a:hover         { color:#fff;background:#009de0; }
.menu li a.current       { color:#000; }
.menu li a:hover.current { color:#fff; }
.menu li a.selected      { color:#fff;background:#009de0; }

.submenu                { position:absolute;left:0;display:none;visibility:hidden;z-index:5;background:#e8e8e8;margin:0;text-align:left;padding:0;list-style-type:none; }
.submenu li             { display:list-item;float:none;background:none;height:auto;padding:0;margin:0;border-right:1px solid #fff;border-top:1px solid #fff;text-align:left; }
.submenu li a           { line-height:20px;font-size:13px;padding:5px 0 5px 5px;margin:0;text-transform:none;background:none; }
.submenu li a.selected  { color:#8e8e8e;background:transparent; }
.submenu li a:hover     { color:#fff;background:#595959; }
.submenu li ul          { top:0;margin:0; }
.submenu li ul li       { border-top:none; border-bottom:1px solid #fff; }

/* ----------------( header )----------------------------- */

#header {
margin-bottom:6em;
text-align:left;
height:11.5em;
}

.logo,
.logo:link,
.logo:visited {
display:inline-block;
float:left;
background:#4d4d4d;
color:#fff;
font-size:50px;
line-height:54px;
font-weight:600;
padding:50px 25px 15px 25px; 
margin:0 0 30px 0;
border-bottom:none;
max-width:230px;
min-height:45px;
position:absolute;
top:0;
left:25px;
}
.logo:hover {
background:#009de0;
color:#fff;
border:none;
}

.banner {
width:100%;
height:392px;
display:block;
background:url(/images/banner-background.png) repeat-x;
border-bottom:1px solid #2b6f94;
display:none;
}
.navigation {
display:inline-block;
height:79px;
position:relative;
width:100%;
background:url(/images/banner-background.png) repeat-x;
border-top:1px solid #2b6f94;
z-index:1;
display:none;
}
.slogan {
margin:16px 0 20px 20px;
padding-left:20px;
line-height:39px;
border-left:1px solid #fff;
display:inline;
font-size:16px;
float:left;
color:#fff;
display:none;
}

#infobar {
display:block;
line-height:46px;
height:47px;
width:100%;
background:url(/images/backgrounds.png) 0 -47px repeat-x;
display:none;
}

.location {
text-align:right;
color:#fff;
font-size:20px;
display:block;
height:47px;
width:295px;
padding-right:25px;
margin-right:50px;
background:url(/images/backgrounds.png) repeat-x;
float:left;
display:none;
}
#infobar .notice {
display:block;
width:863px;
height:47px;
line-height:46px;
font-size:16px;
text-align:right;
padding-right:100px;
}

#header .button { 
background:url("/images/notice-button-off.png") no-repeat;
display:inline;
height:50px;
font-size:18px;
line-height:50px;
text-align:center;
margin:15px 50px 0 0;
padding:0 15px 0 15px;
letter-spacing:0.5px;
float:right;
background:#2b6f94;
}
#header .button:link,
#header .button:visited {color:#fff;text-decoration:none;}
#header .button:hover   {color:#ddd;background:#808080;}

.hall { position:relative;width:895px;height:320px;margin:0 auto;padding-top:10px;overflow:hidden; }
* html .hall { width:905px }

.description     { display:inline-block;padding:28px 0 70px 20px;width:495px; }
.description h1  { margin:0;font-size:28px;font-weight:normal;padding:0 0 15px 0;display:block;line-height:32px;color:#eee; }
.description p   { margin:0;font-size:16px;line-height:20px;color:#c4d7eb;color:#0f3660; }
.showcase        { display:block;margin:28px 20px 0 0;float:left;background:url(/images/s1.png) bottom no-repeat; }
.showcase img    { position:relative;top:0;left:0;display:block;margin:0 0 50px 0;width:358px;border:1px solid #8aa7d2; }
* html .showcase { background:transparent; }

.notice {
width:960px;
height:84px;
line-height:84px;
margin:0 auto;
/*background:url("/images/highlights-background.png") 0 -372px repeat-x;*/
font-size:28px;
text-align:center;
/*padding:0 10px;*/
display:none;
}
.notice h1 {
color:#9e9e9e;
margin:0;
padding:0 0 0 25px;
line-height:84px;
font-size:28px;
font-weight:normal;
letter-spacing:0.5px;
border-top:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
}
.notice a {
background:url("/images/notice-button-off.png") no-repeat;
display:inline;
height:51px;
line-height:51px;
font-size:18px;
padding:2px 30px 0 18px;
margin:16px 25px 0 0;
letter-spacing:0.5px;
float:right;
color:#444;
display:none;
}
.notice a:link,
.notice a:visited {color:#444;text-decoration:none;}
.notice a:hover   {color:#eee;}

/* ----------------( side bar )----------------------------- */

#sidebar     { padding:0;margin:0;border:none;list-style:none;width:215px;float:right;position:relative;top:2em;background:none;z-index:3; }
#sidebar div { padding-left:15px;margin-bottom:1em;position:relative;z-index:3; }
#sidebar h4  { margin:0;font-family:Arial,sans-serif;font-size:20px;text-indent:-6px; }
#sidebar div.contents { border-top:1px solid #d1d9dc;border-bottom:1px solid #d1d9dc;padding-top:1em; }
#sidebar div.related h4 {}
#sidebar ul         { list-style-type:none;padding:0;margin:0; }
#sidebar div > ul   { margin:0 0 15px 0;}
#sidebar div * li   { margin:0;padding:2px 0 2px 0;line-height:1.167em; }
#sidebar div * li a { display:inline;border:none;padding:2px 2px 2px 10px; background: url(/images/bullet_black.gif) 0 52% no-repeat; }
#sidebar div.contents li {text-indent:-15px;margin-left:15px; }
#sidebar li.index   { text-indent:0 !important;margin-left:0 !important;background:none; }
#sidebar li.index a { background:transparent; width:1.2em;display:inline-block;}

#totop { display:none;padding-top:6px; }

/* ----------------( content )----------------------------- */

h1 {
margin-top:2.5em;
color:#4a4a4a;
color:#111;
padding-bottom:0.25em;
font-size:28px;
font-family:Georgia,serif;
font-weight:normal;
line-height:32px;
}
h2,h3,h4 {
margin-top:2.5em;
color:#4a4a4a;
color:#111;
padding-bottom:0.25em;
font-size:26px;
font-family:Georgia,serif;
font-weight:normal;
line-height:30px;
}
h5,h6 {
color:#4a4a4a;
color:#111;
margin-top:2.5em;
margin-bottom:0.3em;
font-size:24px;
font-weight:400;
font-family:Georgia,serif;
}
#content {
position:relative;
float:left;
text-align:left;
margin:0;
padding:2em 0 10em;
width:740px;
z-index:1;
min-height:550px;
}
#text {position:relative;z-index:1;padding-right:25px;}
#text hr {border:none;height:1px;background:#d1d9dc;}

.article > div.sect1 > div > div > div > h2,
.article > .columns > div > div > div > div > div > h2 { margin-top:0; }
.section { margin-top:2.5em;display:block; }
.qandaset * h4 { margin-bottom:10px; }
.columns { position:relative;margin:0;padding:0;clear:both; }
.columns * h2,
.columns * h5 { margin-top:45px; }
.columns:after { content:"";clear:both;display:block; }
.columns ul { padding-left:15px; }
/*this would not be necessary if IE 6 would only support the first-child selector...*/
.leadcolumn {float:left; width:217px;}
.column { float:left;width:217px;padding-left:12px;margin-left:12px;}

.icolumns       { border-top:1px solid #dcdcdc;position:relative;float:left;width:960px; }
.icolumns div   { float:left;padding-bottom:15px; }
.icolumns:after { content:'';clear:both;display:block; }
.icolumns h3    { margin:0;padding:20px 0 0 0;font-size:18px;letter-spacing:0;font-weight:500; }
.icolumns p     { margin-top:5px;height:12.0em; }
.icolumns a     { vertical-align:bottom; }
/*.icolumns a   { padding-left:19px;background:url(/images/0200_arrow.png) 0 50% no-repeat; }*/
.icolumn        { width:200px;padding-right:23px;margin-right:23px;border-right:1px solid #dcdcdc; }
.left-column    { float:left;width:240px;margin-right:15px;}
.right-column   { float:left;width:450px;}

.informaltable {margin-top:15px;}

tr.qandadiv h4 {border-top:1px solid #d1d9dc;margin-top:2em;padding-top:1em;}
tr.question td p {padding-bottom:0;margin-bottom:0.5em;font-weight:bold;}

div.qandaset dl > dt  {margin-bottom:5px;}
div.qandaset * dt {text-indent:-2.2em;margin-left:2.2em;}
div.qandaset > dl > dt {margin-top:15px;}
div.qandaset * pre {margin-top:15px;}

.table-contents{margin-bottom:2em;}

/* ----------------( footer )----------------------------- */

#footer         { border-top:2px solid #eee;clear:both;padding:1em 0 5em;margin:0;font-size:11px; }
#footer a       { color:#000;font-weight:normal;background:none;border:none;text-decoration:none; }
#footer a:hover { color:#000;text-decoration:underline; }
#footer span    { float:right;clear:none;display:inline; }

/* ----------------( buttons )----------------------------- */

.btn,
.btn:link,
.btn:visited     { background:#595959;border:none;cursor:pointer;display:inline-block;position:relative;padding:5px;color:#eaeaea;margin:2em 0;text-decoration:none;font-weight:bold;text-transform:uppercase;font-family:Helvetica,Arial,sans-serif;line-height:18px;}
.btn:focus,
.btn:hover       { background:#009de0;border:none;color:#fff; }
.btn:active      { color:silver; }
.btn *           { background-image:url(/images/btn-nav.png);background-repeat:no-repeat;display:inline-block;font-style:normal;position:relative;letter-spacing:0.5pt; }
.btn i           { background-position:top left; position:absolute; margin-bottom:-5px;top:0;left:0;width:5px;height:5px; }
.btn span        { background-position:bottom left;left:-5px;padding:0 0 5px 10px;margin-bottom:-5px; }
.btn span i      { background-position:bottom right;margin-bottom:0;position:absolute;left:100%;width:10px;height:100%;top:0; }
.btn span span   { background-position:top right;position:absolute;right:-10px;margin-left:10px;top:-5px;height:0; }
.btn.center      { margin:2em 0 2em 155px; }

/* ----------------( forms )----------------------------- */

form.standard { margin:40px 0 60px 0; }
form.standard * label {
float:none;
display:block;
margin:10px 0 0 0;
clear:both;
color:#585858;
font-size:14px;
}
form.standard input[type="text"],
form.standard input[type="password"] {
background:url(/images/forms.png) 0 0 no-repeat scroll;
line-height:22px;
height:22px;
border:none;
padding:4px;
width:204px;
font-family:sans-serif;
font-size:16px;
overflow:auto;
}

form.standard input[type="text"]:focus,
form.standard input[type="password"]:focus {
background:url(/images/forms.png) 0 -31px no-repeat scroll;
}

form.standard div.left {
float:left;
margin:0 30px 0 0;
width:200px;
}
form.standard div.right {
float:left;
width:200px;
clear:right;
}
form.standard textarea {
border:none;
overflow:auto;
height:251px;
width:434px;
margin-bottom:10px;
font-size:16px;
}
form.standard textarea[name="Message"] {
background:url(/images/forms.png) 0 -124px no-repeat scroll;
padding:4px;
margin:0;
font-family:sans-serif;
}
form.standard * textarea:focus {
background:url(/images/forms.png) 0 -384px no-repeat scroll;
}
form.standard * input.line {
background:url(/images/forms.png) 0 -62px no-repeat scroll;
width:434px;
}
form.standard * input.line:focus {
background:url(/images/forms.png) 0 -93px no-repeat scroll;
}
form.standard input[type="submit"] {
margin:2.5em 0 0 150px;
}
form.standard label[for="Challenge"] { display:none; }
form input.form-seq-input{display:none;}

form.purchase input[type="submit"] {
margin-left:0;
}
form.purchase * input[type="text"] {
background:url(/images/input_200.gif) 0 0 no-repeat scroll;
width:40px;
margin-right:3em;
}
form.standard .form-columns {
padding-bottom:2px;
text-align:left;
margin:5px 0 3px 5px;
}
form.standard .form-columns:after {
content:'';
clear:both;
display:block;
}
form.standard .form-columns * label {
display:inline-block;
margin:0;
padding-left:5px;
font-weight:normal;
}
form.standard .form-column {
float:left;
width:11em;
margin-right:10px;
}
form.standard .left-column { margin-top:10px; }

/* ----------------( other )----------------------------- */

code{font-family:"Lucida Console","Bitstream Vera Sans Mono","DejaVu Sans Mono",monospace;}

.literallayout{font-family:"Andale Mono","Lucida Console",monospace;}

.programlisting {
border:1px solid #F0F0F0;
padding:5px;
margin-right:15px;
font-family:"Andale Mono","Lucida Console",monospace;
font-size:11px;
line-height:14px;
overflow:auto;
-moz-border-radius:2.5px;
}
.programlisting    {color:#111;}
.programlisting .s {color:#0030CE; color:#9C6500;} /* literal */
.programlisting .k {color:#31659C; color:#0030CE;} /* keyword */
.programlisting .t {color:#9C6500; color:purple;}
.programlisting .c {color:#3F7F5F;}                /* comment */
.programlisting .j {color:#3F7F5F;}

.screen {
color:rgb(0,255,0); 
background:#000000;
border:none;
padding:5px 5px 5px 5px;
margin:0 15px 1.5em 0;
font-family:"Andale Mono","Lucida Console",monospace;
font-size:11px;
line-height:13px;
overflow:auto;
-moz-border-radius:2.5px;
}


.informalfigure,.mediaobject {
display:inline;
}

.admon_title {
float:left;
text-align:center;
text-transform:uppercase;
font-weight:bold;
font-size:1.167em;
line-height:1.5em;
}
.note .admon_title {width:10em;margin-top:0.167em;}
.note .admon_text  {margin-left:12em;}
.important .admon_title {width:10em;margin-top:0.167em;}
.important .admon_text  {margin-left:12em;}
.tip .admon_title {width:10em;margin-top:0.167em;}
.tip .admon_text  {margin-left:12em;}
.warning .admon_title {width:10em;margin-top:0.167em;}
.warning .admon_text  {margin-left:12em;}
.note,.important,.tip,.warning {margin:3em 3em 3em 0;}

.left img {float:left;margin-right:15px;}
.right img {float:right;margin-left:15px;}

.clear{padding-top:20px;clear:both;}

.history p,
.history pre { margin-left:5.5em; }
.history img { margin-left:5.5em; margin-bottom:1.5em; } 
span.history {
display:block;
margin-left:-5.5em;
float:left;
}
.section { margin-top:4.5em;display:block; }
