/**
* Global CSS code that is used throughout the whole framework
*/
HTML, Body {
    margin: 0px;
    padding: 0px; 
}

Body {
    background: url('../images/framework/background2.png');
    background-position: top center;
    background-repeat: repeat-y;
    background-color: #280000;  
    font-family: "Verdana";
    font-size: 13px;
}

/**
* For the debug frame
*/
.Debug {
    margin-top: 20px;
    width: 800px;
    border:1px solid black;
    padding: 5px;
    font-size:12px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    background-color: white;
}

.Debug .ColLeft {
    width: 49%;
    float: left;
    text-align: right;
    padding-right: 4px;
    font-family: monospace;
}

.Debug .ColRight {
    width: 50%;
    float: right;
    font-family: monospace;
}

/**
* Global CSS
*/
#Dialog {
    display: none;
}

Br {
    clear: both;   
}

P {
    clear: both;   
}

Fieldset {
    border: 0px;
    margin: 0px;
    padding: 0px;   
}

Form {
    border: 0px;
    margin: 0px;
    padding: 0px;  
}

Fieldset {
    border: 0px;
    margin: 0px;
    padding: 0px;   
}

Form Fieldset Input, 
Form Fieldset Textarea,
Form Fieldset Select {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, Verdana;
    font-size: 13px;
    color: black;
    margin-bottom: 10px;
}

Form Fieldset Input[type=text], 
Form Fieldset Textarea,
Form Fieldset Select {
    width: 200px;
}

Form Fieldset Label {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, Verdana;
    font-size: 13px;
    color: #a0a7ae;
    float: left;
    width: 200px;
    text-align: right;
    margin-right: 10px;
    margin-top: 2px;
}

Form Fieldset Input[type=text], 
Form Fieldset Input[type=password], 
Form Fieldset Textarea {
    padding: 1px;
}

Form Fieldset Input[type=button],
Form Fieldset Input[type=submit] {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-right: 15px;   
}

Form Fieldset Input[type=radio],
Form Fieldset Input[type=checkbox] {
    float: left;
    margin-top: 1px;
}

Form Fieldset .CheckboxLabel {
    float: left;
    margin-top: 0px;
    text-align: left;
    margin-left: 5px;
}

Form Fieldset .ErrorTopLabel {
    margin-left: 205px;   
    margin-bottom: 3px;
    font-weight: bold;
    color: red !important;
}

A {
    color: black;
    text-decoration: none;
}

A:Hover {
    color: #ffffff;
    text-decoration: none;
}

H2 {
    margin: 0px;
    padding: 0px;   
}

H4 {
    margin: 0px;
    padding: 0px;   
}

.Left {
    float: left;   
}

.Right {
    float: right;
}

.Hide {
    display: none;   
}

.Show {
    display: block;   
}

#Dialog {
    display: none;   
}

/**
 * BBCode parser
 */
Blockquote {
    padding: 5px;
    background-color: #293540;
    border: 1px solid black;
    margin-left: 20px;
}

Blockquote Strong.Intro a {
    text-decoration: none !important;   
}

Blockquote.Code {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 95%;
    min-height: 20px;
    background-color: white;
    font-family: "Courier New" Courier monospace;
}

Blockquote.Code .LeftBit {
    width: 30px;
    background-color: #ccc;
    margin-left: 0px !important;
    text-align: right;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 1px;
    float: left;
}

Blockquote.Code .RightBit {
    padding: 2px;
    border:1px solid #ccc;
    float: left;
    width: 90%;
}

/**
* Pagination
*/
.Pagination {
    display: block;
}

.Pagination Ul {
    display: block;
    list-style: none;   
    margin: 0px;
    padding: 0px;
}

.Pagination Ul Li {
    border: 1px solid black;
    float: left;
    height: 20px;
    min-width: 20px;
    text-align: center;
    margin-right: 2px;
    background-color: #425464;
}

.Pagination Ul Li.Active {
    background-color: red;   
}

.Pagination Ul Li A {
    font-family: Arial, Helvetica, Verdana;;
    font-size: 13px;
    float: left;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-top: 2px;
    color: white !important;
    text-decoration: none !important;
}

.Pagination Ul Li:Hover {
    background-color: red;
}

.Pagination Ul Li.NoHover:Hover {
    background-color: #425464;
}

.Pagination H4 {
    margin: 0px;
    margin-bottom: 4px;
    padding: 0px;
    font-family: Arial, Helvetica, Verdana;;
    font-size: 13px;
    font-weight: normal;   
    color: #a0a7ae;
}

/**
* Comments
*/
.Comments .BoxContent {
    margin-bottom: 3px !important;
}

.Comments .Avatar {
    padding: 0px !important;
    margin: 0px !important;
    margin-right: 10px !important;
    float: left !important;
}

.Comments Img {
    margin-left: 1px !important;   
    margin-right: 1px !important;   
    margin-top: 0px !important;   
}

.Comments .Text {
    float: left !important;
    width: 430px;
    margin: 0px !important;
}

.Comments .Info {
    float: left;  
    margin-bottom: 3px; 
}

.Comments .Info P {
    font-size: 10px !important;  
    margin-bottom: 3px !important; 
    margin-top: 0px !important;
    float: left !important;   
    width: 400px;
}

.Comments .Info Div {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

.Comments BlockQuote {
    width: 420px;   
}

.Comments P.Edit {
    padding-top: 10px;
    font-size: 10px !important;   
}

.Comments .Info .Delete {
    background-image: url('../images/icons/cross.png');
}

.Comments .Info .Edit {
    background-image: url('../images/icons/edit.png');
}

.Comments .Info .Quote {
    background-image: url('../images/icons/quote.png');
}

.Comments Textarea {
    width: 460px;
    height: 90px;   
}

.Comments Fieldset Textarea {
    margin-top: 5px;
    width: 490px;
    height: 100px;
    margin-left: 00px;
}

.Comments Fieldset {
    width: 500px;  
    float: left;
}

.Comments Fieldset Input[type=submit] {
    margin-left: 0px;
    margin-top: 5px;
}

.Comments .Toolbar {
    float: left;
    width: 25px;
    margin-top: 5px;
}

.Comments .Toolbar Img {
    padding: 2px !important;
    background-color: white;
    cursor: pointer;
}

.Comments .SmileyBox {
    display: none;  
    position: absolute;
    background-color: black;
    border: 1px solid red;
}

.Comments .SmileyBox Img {
    padding: 4px;
    cursor: pointer;   
}

/**
* Content
*/

.Top {
    width: 964px;
    margin-left: auto;
    margin-right: auto; 
}

.Top .Login {
    width: 964px;
    height: 64px;
    margin-top: 40px;   
}

.Top .Login .LoginForm {
    float: right; 
}

.Top .Login .LoginForm Input[type=text],
.Top .Login .LoginForm Input[type=password] {
    background-image: url('../images/frontpage/logintext.png');
    background-color: transparent;
    border: 0px;
    height: 17px;
    width: 100px !important;
    padding-left: 5px;
    padding-top: 2px;
    color: white;
    float: left;
    margin-right: 20px;
}

.Top .Login .LoginForm Input[type=image] {
    margin-top: 0px;
    border: 0px;
    float: left;
}

.Top .Login .LoginForm Input[type=checkbox] {
    float: left;
    margin-left: 20px;
    margin-top: 1px;
    margin-right: 2px;
}

.Top .Login .LoginForm Label {
    font-size: 10px;  
    float: left;
    margin-top: 5px; 
    margin-right: 5px;
    color: white;
}

.Top .Login .Links {
    float: right;
    color: white;
    font-size: 10px;
    margin-top: 7px;
    margin-right: 4px;
    width: 592px;
}

.Top .Login .Links a {
    color: white;
    font-size: 10px;
}

.Top .Login .Links .LinksLeft {
    float: left;
}

.Top .Login .Links .LinksRight {
    float: right;   
}

.Top .Login .QuickLoginError {
    font-weight: bold;
    color: yellow;   
}

.Top .TopMenu { 
    width: 964px;
    height: 61px;
}

.Top .TopMenu Ul {
    list-style: none;
    font-size: 14px;
    color: white; 
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 180px;
}

.Top .TopMenu Ul Li {
    float: left;
    padding-top: 22px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    cursor: pointer;
    width: 110px;
    text-align: center;
}

.Top .TopMenu Ul A {
    color: white;   
}

.Top .TopMenu Ul A:hover,
.Top .TopMenu Ul Li:hover {
    color: #c70100;   
}

.Top .TopSubMenu {
    background-image: url('../images/framework/submenu.png');   
    width: 964px;
    height: 37px;
}

.Top .TopSubMenu .Visible {
    display: block;
}

.Top .TopSubMenu Ul {
    list-style: none;
    font-size: 14px;
    color: black; 
    margin: 0px;
    padding: 0px;
    display: none;
}

.Top .TopSubMenu Ul Li {
    float: left;
    cursor: pointer;
    text-align: center;
    border-right: 1px solid #c5c5c5;
    border-left: 1px solid #ffffff;
}

.Top .TopSubMenu Ul Li A {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
}

.Top .TopSubMenu Ul Li A:Hover {
    color: red;
}

.Top .TopSubMenu Ul Li.Last{
    border-right: 0px;
    height: 36px;
}

.Top .TopSubMenu Ul Li.First{
    border-left: 0px;
    width: 0px;
    height: 36px;
    padding: 0px;
    margin: 0px;
}

.Top .TopSubMenu Ul Li:hover {
    color: #c70100;   
}

.Top .TopSubMenu #SubMenu1 {
    margin-left: 50px;   
}

.Top .TopSubMenu #SubMenu2 {
    margin-left: 100px;   
}

.Top .TopSubMenu #SubMenu3 {
    margin-left: 250px;   
}

.Top .TopSubMenu #SubMenu4 {
    margin-left: 300px;   
}

.Top .TopSubMenu #SubMenu5 {
    margin-left: 530px;   
}

.Top .TopSubMenu #SubMenu9 {
    margin-left: 350px;   
}

.Top .TopSubMenu .PulldownMenu {
    position: absolute;
    margin-top: 37px;
    background-color: #ccc;
    display: none;
}

.Top .TopSubMenu .PulldownMenu Div {
    
}

.Top .CrumbBar {
    background-color: black;
    width: 954px;
    height: 30px;
    color: #ececec;
    padding-top: 10px;
    padding-left: 10px;
}

.Top .CrumbBar A {
    color: #ececec;
}

/**
* Content
*/

.Outside {
    margin-top: 0px !important;
    overflow: hidden;
    background-image: url('../images/framework/background.png');  
    background-position: top center;
    background-repeat: no-repeat;
}

.Outside2 {
    position: relative;
}

.ContentWrapper {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 50px !important;
    width: 964px;
    min-height: 500px;
    display: block;
    overflow: none;
}

.ContentWrapper .Content {
    float: left;
    width: 557px;
    min-height: 100px; 
    margin-left: 20px;
}

.ContentWrapper .ContentWide {
    width: 900px;
}

.ContentWrapper .Content .Box {
    width: 100%;
    margin-bottom: 15px;
}

.ContentWrapper .Content .Box .Header {
    width: 100%;
    height: 27px;
    background-image: url('../images/framework/content_header.png');
    border: 1px solid black;
    font-size: 14px;
    color: #ececec;
    padding-top: 10px;
    padding-left: 20px;
}

.ContentWrapper .Content .Box .HeaderBlack {
    width: 100%;
    background-color: black;
    padding: 11px;
    color: white;   
}

.ContentWrapper .Content .Box .BoxContent {
    background-color: #211d20;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    min-height: 10px;
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
}

.ContentWrapper .Content .InnerBox {
    margin-bottom: 10px;    
}

.ContentWrapper .Content .InnerBox2 {
    margin-bottom: 5px;    
}


.ContentWrapper .Content .InnerBox H2 {
    color: #c70100;
    font-size: 13px;
    padding-top: 10px;
}

.ContentWrapper .Content .InnerBox Table {
    border-collapse: collapse;   
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ContentWrapper .Content .InnerBox Td {
    border: 1px solid black;
    padding: 3px;
}

.ContentWrapper .Content .InnerBox Table THead Tr Td {
    font-weight: bold !important;   
}


.ContentWrapper .Content .InnerBox P,
.ContentWrapper .Content .InnerBox Div,
.ContentWrapper .Content .InnerBox Span,
.ContentWrapper .Content .InnerBox Li,
.ContentWrapper .Content .InnerBox Td,
.ContentWrapper .Content .InnerBox Td A {
    color: #cacbcb;
    font-size: 12px;
}

.ContentWrapper .Content .InnerBox A {
    color: #cacbcb;
    text-decoration: underline;
}

.ContentWrapper .Content .InnerBox A:Hover {
    color: white;
    text-decoration: none;
}

.ContentWrapper .Content .NoHeader {
    border-top: 1px solid black;   
}


.ContentWrapper .Menu {
    float: right;
    width: 331px;
    margin-right: 20px;
}

.ContentWrapper .Menu .Box {
    width: 329px;
    margin-bottom: 15px;
}

.ContentWrapper .Menu .Box .HeaderBig {
    width: 329px;
    height: 68px;
    background-image: url('../images/framework/menu_header_big.png');
    border: 1px solid black;
}

.ContentWrapper .Menu .Box .Header {
    width: 309px;
    height: 27px;
    background-image: url('../images/framework/menu_header.png');
    border: 1px solid black;
    font-size: 14px;
    color: #ececec;
    padding-top: 10px;
    padding-left: 20px;
}

.ContentWrapper .Menu .Box .BoxContent {
    background-color: #293540;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    width: 309px;
    padding: 10px;
    margin-bottom: 15px;
}

.ContentWrapper .Menu .BoxBlack {
    width: 329px;
    margin-bottom: 15px; 
}

.ContentWrapper .Menu .BoxBlack .BoxHeader {
    height: 27px;
    width: 309px;
    background-color: black;
    font-size: 14px;
    color: #ececec;
    padding-top: 10px;
    padding-left: 20px;
}

.ContentWrapper .Menu .BoxBlack .BoxContent {
    background-color: #ececec;
    border: 1px solid black;
    min-height: 100px;
}

.ContentWrapper .Menu .InnerBox {
    background-color: #141a20; 
    padding: 10px;
    margin-bottom: 10px;
}

.ContentWrapper .Menu .InnerBox H2 {
    font-size: 13px;
    font-weight: normal;
    color: #c70100; 
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
}

.ContentWrapper .Menu .InnerBox P {
    font-size: 13px;
    font-weight: normal;
    color: #c70100;   
    margin: 0px;
    padding: 0px;
    width: 275px;
    overflow: hidden;
    float: left;
}

.ContentWrapper .Menu .InnerBox P,
.ContentWrapper .Menu .InnerBox Div,
.ContentWrapper .Menu .InnerBox Span,
.ContentWrapper .Menu .InnerBox Li,
.ContentWrapper .Menu .InnerBox Td,
.ContentWrapper .Menu .InnerBox Td A {
    color: #CACBCB;
    font-size: 13px;
}

.ContentWrapper .Menu .InnerBox A {
    color: #CACBCB;
    text-decoration: underline;
}

.ContentWrapper .Menu .InnerBox A:Hover {
    color: white !important;
    text-decoration: none;
}

.ContentWrapper .Menu .Clickable {
    cursor: pointer;
}

.ContentWrapper .Menu .Clickable:Hover {
    background-color: #3e5060;
}

/**
* Rating
*/
.Rate {
    width: 60px;
    height: 12px; 
}

.Rate0 {
    background-image: url('../images/rating/rate0.png');
}

.Rate1 {
    background-image: url('../images/rating/rate1.png');
}

.Rate2 {
    background-image: url('../images/rating/rate2.png');
}

.Rate3 {
    background-image: url('../images/rating/rate3.png');
}

.Rate4 {
    background-image: url('../images/rating/rate4.png');
}

.Rate5 {
    background-image: url('../images/rating/rate5.png');
}

.Rate6 {
    background-image: url('../images/rating/rate6.png');
}

.Rate7 {
    background-image: url('../images/rating/rate7.png');
}

.Rate8 {
    background-image: url('../images/rating/rate8.png');
}

.Rate9 {
    background-image: url('../images/rating/rate9.png');
}

.Rate10 {
    background-image: url('../images/rating/rate10.png');
}

.ResizedImage {
    border:1px dashed red !important;
    cursor: pointer;
}

.Banner2 {
    width: 100% !important;
    display: block !important;
    float: none !important;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.Banner2 Img {
    width: 468px;
}