/* CSS Document */

body { margin:0 auto; height:100%; background-color:#0d0c0c; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}

.Top {position:relative; float:left; width:100%; height:39px; background-color:#1c1c1c; background-image:url(../Pics/bg_top.jpg); background-position:bottom; background-repeat:repeat-x;}
.ContainerTop {position:relative; width:960px; height:29px; margin:0 auto; left:auto; right:auto;}
.ContanierFlag {position:relative; float:right; margin-top:5px; margin-right:15px;}

.Header {position:relative; float:left; width:100%; height:198px; background-color:Black; background-image:url(../Pics/bg_header.jpg); background-position:bottom; background-repeat:repeat-x;}
.ContainerHeader {position:relative; width:960px; height:29px; margin:0 auto; left:auto; right:auto;}
.Logo{position:relative; float:left; width:399px; height:198px;}

.Inner {position:relative; float:left; width:100%;}
.ContainerInner {position:relative; width:966px; margin:0 auto; left:auto; right:auto;}

.Content {position:relative; float:left; width:100%; height:293px; background-color:#1c1c1c; background-image:url(../Pics/bg_content.jpg); background-position:bottom; background-repeat:repeat-x;}
.ContainerContent {position:relative; width:966px; height:29px; margin:0 auto; left:auto; right:auto;}
.Intro{ position:relative; float:left; width:378px; height:293px; background-image:url(../Pics/intro.jpg);}
.IntroUs{ position:relative; float:left; width:378px; height:293px; background-image:url(../Pics/intro.png);}
.Pub{position:relative; float:left;}
.LogoAoc { position:relative; float:left; width:588px; height:293px; background-image:url(../Pics/age_of_conan.jpg); }

.IntroBar{ position:relative; float:left; margin-top:15px; height:253px; width:400px; background-image:url(../Pics/create_bar.png); background-repeat:repeat-y; }
.IntroConainer{ position:relative; float:left; width:400px; height:293px; margin-left:10px;}

.ContainerMenu {position:relative; float:left; width:540px; height:29px; margin-top:0px;}

.ContainerPerso {position:relative; float:right; width:400px; height:100px; margin-top:20px;}

.Footer{position:relative; float:left; width:100%; height:60px; bottom:0; background-image:url(../Pics/bg_footer.jpg); background-repeat:repeat-x; }
.ContainerFooter{position:relative; width:966px; height:29px; margin:0 auto; left:0px; 
right:0px;
    top: 0px;
}
.FooterText{margin-top:20px; color:#898989; text-align:center; overflow:hidden; }

.BlockLoggin {  float:right; right:10px; margin-top:20px; }

.BlockMenu {  float:right; right:10px; margin-top :50px; }

.IntroCreate{ position:relative;  margin-top:20px; float:left; width:378px; height:293px;}

.Inscription{position:relative; float:right;  margin-right:50px; margin-top:-80px; bottom:auto;}

.Home {position:relative; float:right;  margin-right:50px; margin-top:0px; bottom:auto;}

.Logo2{position:relative;  background-image:url(../Pics/logo.jpg); float:left; width:399px; height:198px;}

.Panel { border:#ba9338; }

.Perso {position:relative; float:right; vertical-align: top;  margin-right:50px;}

.LabelNormal {font-family:Verdana; font-size:12pt; color:#BA9338;}

.LabelNormalBold {font-family:Verdana; font-size:11pt; color:#BA9338; font-weight:bold;}

.LabelBold {font-family:Verdana; font-size:11pt; color:#BA9338; font-weight:bold;}

.LabelBoldMini {font-family:Verdana; font-size:10pt; color:#BA9338; font-weight:bold;}

.LabelWhiteBold {font-family:Verdana; font-size:10pt; color:white; font-weight:bold;}

.LabelMenu {font-family:Verdana; font-size:13pt; color:#BA9338; font-weight:bold;}

.LabelPanel {font-family:Verdana; font-size:13pt; color:#BA9338; font-weight:bold;}

.LabelRedBold {font-family:Verdana; font-size:11pt; color:Red; font-weight:bold;}

.LabelTitle {font-family:Verdana; font-size:16pt; color:white; font-weight: 100;}
.LabelIntro {font-family:Verdana; font-size:12pt; color: Silver; font-weight: 100;}
.LabelIntroMini {font-family:Verdana; font-size:10pt; color: Silver; font-weight: 100;}
/*
.ajax__tab_xp .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url("Images/tab-line.gif") repeat-x bottom;}
.ajax__tab_xp.ajax__tab_outer {padding-right:4px;background:url("Images/tab-right.gif") no-repeat right;height:21px;}
.ajax__tab_xp .ajax__tab_inner {padding-left:3px;background:url("Images/tab-left.gif") no-repeat;}
.ajax__tab_xp .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url("Images/tabs.tab.gif") repeat-x;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url("Images/tab-hover-right.gif") no-repeat right;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url("Images/tab-hover-left.gif") no-repeat;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:url("Images/tab-hover.gif") repeat-x;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:url("Images/tab-active-right.gif") no-repeat right;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:url("Images/tab-active-left.gif") no-repeat;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:url("Images/Tabs.tab-active.gif") repeat-x;}
.ajax__tab_xp .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:Black;}
*/

/* ajax__tab_yuitabview-theme theme (img/yui/sprite.png) */
.ajax__tab_yuitabview-theme .ajax__tab_header 
{
    font-family:verdana;
    font-size:10pt;
    border-bottom:solid 3px #BA9338;
    font-weight:bold;

}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(../Pics/bg-menu-main.png) #BA9338 repeat-x;
    margin:0px 0.16em 0px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{    
    color:BLACK;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(../Pics/bg-menu-main.png) #bfdaff repeat-x left -1300px;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab 
{
    color: White;
    background:url(../Pics/bg-menu-main.png) 
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(../Pics/bg-menu-main.png)
}
.ajax__tab_yuitabview-theme .ajax__tab_body 
{
    font-family:verdana;
    font-size:10pt;
    padding:0.25em 0.5em; 
    border:solid 1px #BA9338;
    border-top-width:0px;
}

.Recovery{position:relative; left:5px; height:140px; width:400px;}

.TextBox {  border:none ; width:100px; }

.HeaderLog {position:relative; float:left; height:140px; width:400px;}
.LogBar{position:relative;  height:140px; width:20px; left: 1%; background-image:url(../Pics/log_bar.png); background-repeat:repeat-y;}
.Loggin{position:relative; left:5px; height:140px; width:400px;}

.HeaderPerso {position:relative; float:left; height:140px; width:400px; }
.PersoBar{position:relative;  height:115px; width:20px; left: 1%; background-image:url(../Pics/log_bar.png); background-repeat:repeat-y;}
.Perso{position:relative; left:5px; height:105px; width:400px;}


.Text {font-family:Verdana; font-size:10pt; color:#BA9338;}
.TextBox { width:100px; height:13px;}

.HeaderCreate {position:relative; float:left; height:210px; width:450px;}
.CreateBar{position:relative;  height:210px; width:20px; left: 1%; background-image:url(../Pics/create_bar.png); background-repeat:repeat-y;}
.Create{position:relative; left:5px; height:210px; width:450px;}

.TextNormal {font-family:Verdana; font-size:13pt; color:#BA9338;}

.s3capcha {  margin:0 auto;  text-align:center;}

.s3{  margin-left:50px;  width:200px; margin:0 auto;  text-align:center;}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.TextBoxLong { width:180px;  height: 20px;  color:#BA9338; border-width:1px; border-style:solid;  font:#BA9338; border-color:#BA9338; background-color:#0D0C0C;}
.TextBoxNormal { width:130px;  height: 20px;  color:#BA9338; border-width:1px; border-style:solid;  font:#BA9338; border-color:#BA9338; background-color:#0D0C0C;}
.TextBoxMini { width:50px;  height: 20px;  color:#BA9338; border-width:1px; border-style:solid;  font:#BA9338; border-color:#BA9338; background-color:#0D0C0C;}
.TextBoxDesc { width:450px;  height: 50px;  color:#BA9338; border-width:1px; border-style:solid;  font:#BA9338; border-color:#BA9338; background-color:#0D0C0C;}
.TextBoxDescLong { width:500px;  height: 100px;  color:#BA9338; border-width:1px; border-style:solid;  font:#BA9338; border-color:#BA9338; background-color:#0D0C0C;}
.ListBoxHour { width:60px;  height: 20px;  color:#BA9338; border-width:1px; border-style:solid;  font:#BA9338; border-color:#BA9338; background-color:#0D0C0C;}
.ListBoxValid { width:80px;  height: 20px;  color:#BA9338; border-width:1px; border-style:solid;  font:#BA9338; border-color:#BA9338; background-color:#0D0C0C;}
.ListBoxType { width:150px;  height: 20px;  color:#BA9338; border-width:1px; border-style:solid;  font:#BA9338; border-color:#BA9338; background-color:#0D0C0C;}
.ListBoxGu { width:200px;  height: 50px;  color:#BA9338; border-width:1px; border-style:solid;  font:#BA9338; border-color:#BA9338; background-color:#0D0C0C;}
.ListBoxGuLong { width:250px;  height: 100px;  color:#BA9338; border-width:1px; border-style:solid;  font:#BA9338; border-color:#BA9338; background-color:#0D0C0C;}
.ListBoxLong { width:250px;  height: 20px;  color:#BA9338; border-width:1px; border-style:solid;  font:#BA9338; border-color:#BA9338; background-color:#0D0C0C;}

.ListBoxTestIe { width:150px;  height: 20px;  color:#BA9338; border: 0; margin:-1px; background-color:#0D0C0C; BORDER-RIGHT: #BA9338 1px solid;
BORDER-LEFT: #BA9338 1px solid;
BORDER-TOP: #BA9338 1px solid;
BORDER-BOTTOM: #BA9338 1px solid; }

.PanelSize { padding:5px; width:800px; }
.PanelSizeLarg { padding:5px; width:1024px; }

.collapsePanelHeader{
	        width:100%;
	        height:25px;
	        background-image: url( ../Pics/bg-menu-main.png);
	        background-repeat:repeat-x;
	        color:#FFF;
	        font-weight:bold;
	        font-size:10pt;
        }