/* ----- Basic Settings ----- */


* {
margin: 0;
padding: 0;
}

#content-panel p, #content-panel pre, #content-panel blockquote, #content-panel form, #content-panel label, #content-panel ul, #content-panel ol, #content-panel dl, #content-panel fieldset, #content-panel address { margin-bottom: 1em; }

#content-panel a {
color: #214494;
}

#content-panel a:visited {
color: #623d7e;
}

#breadcrumb a, #breadcrumb a:visited {
color: #363636;
}

#content-panel a:hover, #content-panel a:active, #breadcrumb a:active, #breadcrumb a:hover {
color: #df1e47;
}

#subnav a, .main-navigation a, .home-gotm a, .home-gu a, #footer-nav a {
text-decoration: none;
color: white;
}

#subnav a:hover, .main-navigation a:hover, .home-gotm a:hover, .home-gu a:hover, #footer-nav a:hover, #footer-nav a:active {
text-decoration: underline;
color: #ffc;
}

.main-navigation {
list-style-type: none;
}

#content-panel ul li,  .entry ul li {
margin-left: 20px;
list-style-image: url(/images/structure/bullet.png);
}

#content-panel ol li,  .entry ol li {
margin-left: 20px;
}

#content-panel ul#archive_list li {
margin-left: 0;
list-style-image: none;
list-style-type: none;
}

#content-panel ul#archive_list ul li {
margin-left: 15px;
}

body {
background-color: #18203a;
font-family: verdana, arial, sans-serif;
font-size: 0.8em;
color: #202020;
}

blockquote {
border: 1px solid #c9c1ad;
background-color: #ebe3d5;
padding: 0 0 0 40px;
font-size: 0.87em;
}

h1, h2, h3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333436;
margin: 0.5em 0;
}

h1 {
font-size: 2.0em;
font-weight: bold;
}

h2 {
font-size: 1.8em;
font-weight: bold;
}

h3 {
font-size: 1.4em;
font-weight: bold;
}

h4 {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 0.5em;
}

h5 {
font-size: 1.0em;
font-weight: bold;
margin-bottom: 0.5em;
}

h6 {
font-size: 0.87em;
font-weight: bold;
margin-bottom: 0.5em;
}

.state_table {
background:none !important;
border:0 !important;
width:100%;
border-collapse: ollapse  !important;
border-spacing:0  !important;
}

.state_table td {
border:0 !important;
padding:0 !important;
}

.state_date, .state_author, .state_title, .state_subtitle, .ror_author, .ror_date {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333436;
}

.state_title {
font-size: 26px;
font-weight: bold;
}

.state_subtitle, .ror_author {
font-size: 18px;
}

.state_subtitle {
display:block;
padding-bottom:5px
}

.state_date, .state_author {
font-size: 14px;
font-weight: bold;
}

a img {
border: none;
}

#paginate, .paginate {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: bold;
clear: both;
_display: inline;
text-align: center;
}

.news-date {
display: block;
margin-top: 5px;
font-size: 0.6em;
text-transform: uppercase;
color: #630;
float: right;
margin-left: 15px;
}

hr.subtle {
border: none;
border-top: 1px solid #999;
margin-bottom: 1em;
width: 100%;
}

hr.clear {
visibility: hidden;
clear: both;
}

/* ----- Section Background Colours ----- */

#home, #news, #generictrial {
background-color: #333;
background-image: url(/images/structure/section_bg/home-bg3.jpg);
background-image: url(/images/structure/section_bg/home-bg-gwen1.jpg);
background-repeat: repeat-x;
background-position: center 24px;
}
#news, #generictrial {
background-image: url(/images/structure/section_bg/news-bg-gwen1.jpg);
}

#insider {
background-color: #333;
background-image: url(/images/structure/section_bg/insider-bg.jpg);
background-repeat: repeat-x;
background-position: center 24px;
}

#gameplay {
background-color: #18203a;
background-image: url(/images/structure/section_bg/gameplay_bg.jpg);
background-repeat: repeat-x;
background-position: center 24px;
}

#gallery {
background-color: #17192a;
background-image: url(/images/structure/section_bg/gallery_bg.jpg);
background-repeat: repeat-x;
background-position: center 24px;
}

#theworld {
background-color: #131522;
background-image: url(/images/structure/section_bg/theworld_bg.jpg);
background-repeat: repeat-x;
background-position: center 24px;
}

#pvp {
background-color: #131e12;
background-image: url(/images/structure/section_bg/pvp_bg.jpg);
background-repeat: repeat-x;
background-position: center 24px;
}

#press {
background-color: #0e1b0d;
background-image: url(/images/structure/section_bg/press_bg.jpg);
background-repeat: repeat-x;
background-position: center 24px;
}

#community {
background-color: #211828;
background-image: url(/images/structure/section_bg/community_bg.jpg);
background-repeat: repeat-x;
background-position: center 24px;
}

#events {
background-color: #231108;
background-image: url(/images/structure/section_bg/events_bg.jpg);
background-repeat: repeat-x;
background-position: center 24px;
}

#support {
background-color: #261913;
background-image: url(/images/structure/section_bg/support_bg.jpg);
background-repeat: repeat-x;
background-position: center 24px;
}

/* ----- Generic Panel Settings ----- */

#langbar {
position: relative;
width: 100%;
height: 24px;
margin: 0;
background-color: black;
}

#langlinks {
position: absolute;
top: 0;
left: 50%;
width: 820px;
margin-left: -410px;
text-align: center;
}

#top-background {
position: absolute;
top: 24px;
left: 0;
width: 100%;
height: 220px;

}

#body-container {
position: absolute;
top: 24px;
left: 50%;
margin-left: -490px;
width: 980px;
}

#content-container {
position: absolute;
top: 252px;
left: 0;
padding-left: 270px;
}

#subnav-panel {
position: absolute;
top: 0;
left: 10px;
width: 232px;
height: auto;
}

#subnav-body {
background-image: url(/images/structure/nav/nav_bg.png);
background-position: center left;
background-repeat: repeat-y;
width: 232px;
height: auto;
}

#subnav-footer {
width: 232px;
height: 18px;
}

#content-panel {
position: relative;
top: 0;
left: 0;
width: 700px;
height: auto;
padding-bottom: 50px;
background-image: url(/images/structure/section_bg/generic_base.gif);
background-repeat: no-repeat;
background-position: bottom left;
}

#content-title {
position: absolute;
top: -30px;
left: -10px;
}

#content-header {
position: relative;
top: 20px;
left: 0;
background-image: url(/images/structure/section_bg/generic_body.jpg);
background-repeat: repeat-y;
}

#content-body {
position: relative;
top: 20px;
left: 0;
padding: 10px 20px;
min-height: 300px;
_height: 300px;
background-image: url(/images/structure/section_bg/generic_upper.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#insider #content-body {
padding-top: 0;
}

#breadcrumb {
font-weight: bold;
margin: 0;
}

#breadcrumb a {
text-decoration: none;
}

#content-panel #category_list {
list-style-type: none;
}

#content-panel #category_list li {
margin-left: 0;
padding-left: 0;
}

#content-panel #category_list li li {
margin-left: 15px;
}

#footer {
color: white;
font-size: 0.87em;
padding-top: 20px;
margin-bottom: 40px;
position: relative;
width: 700px;
height: auto;
top: 10px;
left: 0;
background-image: url(/images/structure/generic/footer_top.png);
background-repeat: no-repeat;
background-position: top left;
}

#footer-base {
width: 660px;
padding: 0 20px 20px 20px;
background-image: url(/images/structure/generic/footer_bg.png);
background-repeat: no-repeat;
background-position: bottom left;
}

#footer-nav {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-align: center;
float: left;
width: 640px;
margin-right: 10px;
margin-bottom: 15px;
}

#footer-nav ul, #footer-nav li {
list-style-type: none;
display: inline;
}

#footer-nav a  {
color: white;
text-decoration: none;
padding: 5px 10px;
}

#footer-logos {
clear: both;
width: 660px;
margin-bottom: 0;
text-align: center;
}

#footer-logos a {
margin-left: 20px;
}

#footer-legal {
border-top: 1px solid #666;
padding-top: 15px;
clear: both;
width: 660px;
}

.rightpullout, .leftpullout {
font-size: 0.87em;
float: right;
width: 250px;
height: auto;
border: 1px solid #afa07c;
background-image: url(/images/structure/generic/pullout_bg.jpg);
padding: 10px;
padding-bottom: 5px;
margin: 5px 0 5px 20px;
}

.leftpullout {
float: left;
margin: 5px 20px 5px 0;
}

.rightimage {
float: right;
margin: 5px 0 5px 20px;
}

.leftimage {
float: left;
margin: 5px 20px 5px 0;
}

.clearimage {
clear: both;
margin: 5px 0;
text-align: center;
}

/* ----------- Table Styles ---------- */

#content-panel table {
width: 100%;
font-size: 0.87em;
border: 1px solid #afa07c;
background-image: url(/images/structure/generic/pullout_bg.jpg);
border-collapse: separate;
border-spacing: 1px;
margin-bottom: 1em;
}

#content-panel td {
border: 1px solid #afa07c;
padding: 5px;
vertical-align: top;
}

#content-panel th {
text-align: center;
padding: 5px;
}

#content-panel td.narrow {
width: 100px;
}

/* ----------- Gallery Styles ---------- */

div.gallery-panel {
float: left;
_display: inline;
width: 600px;
_width: 610px;
height: auto;
margin-left: 27px;
_margin-left: 20px;
margin-bottom: 10px;
}

div.movie-gallery-panel {
float: left;
_display: inline;
width: 660px;
height: auto;
margin-bottom: 10px;
}

div.gallery-full-panel {
float: left;
_display: inline;
width: 660px;
height: auto;
margin: 25px 0;
}

a.screenshot-thumb {
display: block;
float: left;
width: 180px;
height: 135px;
margin: 0 10px;
}

a.screenshot-medium {
display: block;
position: relative;
width: 550px;
height: 415px;
top: 0;
left: 57px;
}

a.movie-thumb {
display: block;
float: left;
width: 180px;
height: 135px;
margin: 0 20px 0 0;
}

div.movie-info {
float: left;
width: 460px;
height: auto;
}

.gallery-navigation {
clear: both;
font-weight: bold;
font-size: 0.87em;
}

.gallery-next {
display: block;
position: absolute;
top: 175px;
left: 650px;
}

.gallery-prev {
display: block;
position: absolute;
top: 175px;
left: 24px;
}

.skill-listing {
float: left;
height: 13em;
width: 46%;
font-size: 0.87em;
background: #ede5d2 url(/images/structure/generic/alchemic_bg.png) no-repeat center center;
border: 1px solid #afa07c;
border-spacing: 1px;
padding: 10px;
padding-top: 0;
margin: 1px;
}

.ladder-container {
background: transparent url(/images/structure/generic/historical-bottom.jpg) no-repeat bottom left;
padding-bottom: 20px;
}

.ladder-container h3 {
background: transparent url(/images/structure/generic/historical-top.png) no-repeat top left;
padding: 10px;
text-transform: uppercase;
color: #6c3d25;
text-align: center;
}

.ladder-container h3 em {
display: block;
font-style: normal;
font-weight: bold;
font-size: 1.4em;
}

.ladder-container p {
padding: 10px;
}

.historical-ladder {
margin: 10px;
width: 640px ! important;
background-image: none ! important;
border: none ! important;
}

.historical-ladder td, .historical-ladder th {
padding: 2px 3px ! important;
text-align: left ! important;
border: none ! important;
border-bottom: 1px solid #eee6d5 ! important;
}

.historical-ladder th {
border-bottom: 1px solid #dcd3bf ! important;
}

.historical-ladder .guild {
color: #6c3d25;
font-weight: bold;
}

#esl-list {
background: url('/images/structure/esl/esl-mid-tile.jpg') repeat-y;
padding: 0 20px 0 20px;
}

#esl-list ul {
margin: 0;
padding: 0;
list-style: none;
}

#esl-list ul li {
padding-bottom: 10px;
}

#esl-list a {
color: #fff;
}

/* ----------- Champions of Tyria Styles ---------- */

/* ----------- Hall of Fame Promo ---------- */
#cot_promo_back{
display:block;
background:url('/images/characters/structure/cot_promo.jpg') no-repeat top left;
width:227px;
height:278px;
margin-bottom:8px
}

#cot_promo_label{
display:block;
width:225px;
height:30px;
margin:4px 0;
}


#cot_promo_container{
display:block;
width:227px;
height:224px !important;
}

#cot_promo_imglink{
display:block;
width:138px;
height:184px;
}

#cot_promo_thumb{
position:relative;
left:0;
top:0;
}

#cot_promo_priprof{
position:relative;
right:10px;
top:-53px;
}

#cot_promo_pribprof{
position:relative;
right:-22px;
top:-53px;
}

#cot_promo_secprof{
position:relative;
right:-72px;
top:-53px;
}

#cot_promo_secprof{
position:relative;
right:-72px;
top:-53px;
}

#cot_promo_namelink{
color:white;
text-decoration:none
}

#cot_promo_namelink:hover{
color:#ffc;
text-decoration:underline
}

#cot_promo_bottomlinks{
width:226px;
display:block;
margin-top:-40px;
_margin-top:-57px;
}

#cot_promo_formlink{
display:block;
width:125px;
height:30px;
margin:9px 0;
_margin:6px 0;
}


/* ----------- Hall of Fame Form ---------- */


#form_container {
width:660px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333436;
}

#CoT_container {
width:660px;
background:url('/images/characters/structure/form_back.jpg') no-repeat top right;
}

#cot_error li{
padding:2px 0 1px 0;
}

.helpline{
width:400px;
display:block;
}

a.cot_help{
font-size:10px;
color: #b70000 !important;
}

.cot_help_container{
display:block;
float:right;
padding-top:4px;
}

.cot_label_container{
display:block;
float:left;
width:258px;
}


#form_intro {
width:660px;
}

.error_head {
font-size:15px;
font-weight:bold;
color: #b70000;
}


.error {
font-size:11px;
color: #b70000;
}

#errors-wrapper{
padding-right:260px
}

.form_block{
margin-top:10px;
}

.left_cell{
width:452px;
float:left;
}

.right_cell{
width:208px;
float:right;
}

.label {
font-size: 1.2em;
font-weight: bold;
}

.hoh_dropdown, .hoh_text, .hoh_image{
width:400px;
margin-bottom:6px
}

.hoh_dropdown{
width:404px;
}

.hoh_text{
height:18px
}

.hoh_tarea{
height:6em;
width:652px;
}

@media all and (min-width: 0px){
   .hoh_text{
   height:15px
   }
}

.required{
color:#b70000;
margin-bottom:5px;
}

/* ----------- Hall of Fame Profile ---------- */

#cot_profile_container{
width:100%;
display:block;
}

#cot_profile_header{
width:100%;
margin-bottom:10px
}

#cot_profile_header h1{
margin:0 !important;
}

#cot_profile_image_back{
width:258px;
height:368px;
display:block;
float:left;
}

#cot_profile_image{
border:1px solid black;
}

#cot_profile_content{
float:right;
width:388px
}

#cot_profile_content h4{
margin:0 0 3px 0 !important;
}
#cot_professions h4{
margin:0 !important;
}

.cot_block{
margin-top:11px;
}

#cot_professions, #cot_attributes{
margin-top:0;
}

#cot_skills{
margin-top:8px;
}

.skill_row{
width:338px;
height:48px;
display:block;
}

.skill_entry{
float:left;
background:url('/images/characters/structure/skill_back.gif') no-repeat top left;
display:block;
width:48px;
height:48px;
}


.cot_skills{
padding: 1px 0 0 2px;
}

/* ----------- Hall of Fame Gallery ---------- */

.gallery_nav{
width:100%;
}

#gallery_nav_sort{
float:right;
display:block;
width:300px;
}

#gallery_nav_sort a{
width:65px;
height:60px;
display:block;
float:right;
font-size:10px;
color:#000 !important;
text-decoration:none;
text-align:center;
}

#gallery_nav_sort h5{
height:14px;
display:block;
float:right;
text-align:right;
padding-top:46px
}


#gallery_nav_sort a:hover{
color:red !important;
}

.gallery_nav_pagination {
display:block;
height:60px;
width:300px;
float:left;
font-size:10px;
}

#pagi_top{
padding-top:37px;
display:block;
}

.cot_row{
display:block;
width:660px;
height:238px;
}

.cot_profile_container{
display:block;
float:left;
width:165px;
height:238px;
}

.cot_thumb_container{
display:block;
width:140px;
}

.cot_thumb, .cot_frame{
display:block;
height:202px;
width:140px;
}

.cot_frame{
background:url(/images/characters/structure/frame.png) no-repeat;
}

.cot_name{
font-weight:bold;
font-size:11px;
text-align:center;
}


.spacer{
display:block;
height:202px;
width:33px;
float:left;
}

.prof_b_one, .prof_b_two, .prof_one, .prof_two{
position:relative;
bottom:-140px;
}

.prof_b_one{
right:36px
}

.prof_b_two{
right:-48px
}

.prof_one{
right:5px
}

.prof_two{
right:5px
}


/* ----------- Hall of Fame Help Popups ---------- */
#CoT_help{
background-color:#f9f5ec;
margin:0;
padding:0
}

#CoT_help_container{
background: url(/images/structure/section_bg/generic_upper.jpg) no-repeat top center;
display:block;
padding:10px 10px 0 10px;
width:350px;
min-height:450px;
_height:450px;
margin-top:-10px
}

#CoT_help_container ol li {
margin-left: 20px;
list-style-type: decimal !important;
}




/* ----------- Free Trials/Promos Styles ---------- */

/* free trials & other promos */


#promo_form{border-collapse: collapse; padding-top:3px !important;}
#promo_form td{border-collapse: collapse;border-spacing:0; border:0;margin:0 !important;padding:3px !important}
#promo_form td.promoform_label{width:150px !important;padding-top:.5em !important}
.promoform_email, .promoform_dropdown {display:block;width:150px;float:left}



select{
	width:16em;
}

input.promoform_line{
	width:15.75em;
}

input.promoform_submit{
	width:8em;
}

.promoform_small{
	font-size:.9em;margin-top:5px
}

.promoform_error{
	color:#a60000;
}

#promoform_serial{
	width:100%;
	color:#a60000 !important;
}
#promoform_serial h3{
	color:#a60000 !important;
}
/* end of:  free trials & other promos */

/* End of CSS Document */