/* 
Source  : http://www.woolyss.com/
Contact : woolyss@live.com
Years   : 2007-2010 
*/

* {
  margin : 0;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  padding : 0; 
}

body, html { 
  margin : 0;
  padding : 0;
  text-align : left;
  margin-bottom : 10px;
  margin-left : 0;
  margin-right : 0;
  font-size: 11px ;
}

/* ----- LINKS ----- */

a {
  text-decoration : none;  
  color : #ff6600; 
}
a:hover {
  color : #ff6600;
  text-decoration : underline; 
}

/* ----- IDS ----- */

#container {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
  width : 980px;
  margin : 10px auto;
  padding : 0;
  background : #fff;
  text-align : left;
  border-top : 1px solid #0034d2;
  border-right : 1px solid #0034d2;
  border-left : 1px solid #0034d2;
  border-bottom : 1px solid #0034d2;
  overflow : hidden;
}

/* ----- HEADER ----- */

.subContainer, #navigation ul {
  width : 980px;
  margin : 0 auto;
}

#header {
  text-align : left;
  margin : 0;
  padding : 30px 0 0 10px;
  height : 64px;
  background : #0034d2;
}
#box_navigation { 
  width:100%; 
  height:34px; 
  background : #ff993d; 
} 
#navigation {
  width:1024px;
  margin : 0px auto;
  padding : 0px;
  height : 34px;
  list-style : none;
}
#navigation li {
  float : left;
  clear : none;
  list-style : none;
}
#navigation li a {
  color : #fff;
  display : block;
  font-size : 12px;
  text-decoration : none;
  font-weight : bold;
  padding : 10px 18px;
}
#navigation li a:hover {
  color : #fff;
  background : #ff7e00;
}
#active a {
  background : #839fff;
}

/* ----- HEADINGS ----- */
/*
h1 {
  height : 35px;
  width : 168px;
}
*/
h2 {
  font-family : sans-serif;
  font-size : 24px;
  margin-top : 36px;
  color : #0000ff;
  text-decoration : underline; 
}
h5 {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight : bold; 
  color : #0000ff;
  text-decoration : underline;
}
.SubTitle {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight : bold;
  color : #0000ff;
  text-decoration : underline;
} 
h6 {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight : bold;
  color : #999999;
  text-decoration : underline;
}

/* ----- PARAGRAPHS ----- */

p {
  color : #0034d2;
  font-size : 11px;
  line-height : 25px;
}

/* ----- MAIN CONTENT ----- */

#mainContent {
  width : 686px;
  padding : 5px 15px;
  border-right: 1px solid #0000ff;
  font-size : 11px;
  float : left;
  clear : none;
}

/* ----- MENU ----- */

#menuContent {
  width : 228px;
  padding : 10px 17px;
/*  border-left : 1px solid #00ff00; */ 
  font-size : 11px;
  float : right;
  clear : none; 
}
#menuContent h2 {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 20px;
  letter-spacing : -1px;
  margin-top : 10px;
  color : #ff6600;
}
.title3 {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11px;
	color : #999;
  font-weight : bold;
  text-decoration : underline;
}
#menuContent ul {
  list-style : none;   
  margin-top : 10px;
}
#menuContent li {  
  list-style : none;   
}
#menuContent li a {
  color : #ff6600; 
  text-decoration : none;
}
#menuContent li a:hover {
  color : #ff6600;
  text-decoration : underline;
} 
#menuContent .links li {
  padding-left : 0;
  margin : 8px 0;
  background : inherit;
}   
#menuContent li .active {
  color : #0000ff;
}
#menuContent li a:hover.active {
  color : #0000ff;
  text-decoration : underline;
}
#menuContent #menuImages img {
  margin-left: 0px;
  margin-right: 8px;
  margin-bottom: 8px;
}
/* ----- CLASSES ----- */

.clear {
  clear : both;
}
/* styles */
.StyleSmallColorGrey {
  font-family : sans-serif;
  font-size: 9px;
	color : #999999;
}
.StyleColorGrey {
	color : #999999;
}
.StyleColorWhite {
  color : #fff;
}
.StyleColorBlue {
  color : #0000ff;
}
/* shadow images */
.shadowImg {
  border: 1px solid #ffffff !important;
  -moz-box-shadow: 1px 1px 6px #555; 
  -webkit-box-shadow: 1px 1px 6px #555;
  -khtml-box-shadow: 1px 1px 6px #555;
  box-shadow: 1px 1px 6px #555;
  margin-top : 3px; 
}
/* alignment classes */
.float-left {
  float : left;
}
.float-right {
  float : right;
}
.align-left {
  text-align : left;
}
.align-right {
  text-align : right;
}
.update {
  font-family : sans-serif;
  font-size: 10px;
	color : #999;
}
/* ----- ERROR -----  */

#errorImg {
  float: left;
  width: 200px;
  margin-left: 70px;
}
#errorMsg {
  margin-left: 240px;
  width: 358px;
}
.StyleFontError {
	color : #0000ff;
	font-size: 28px;
	font-weight: bold;	
}	

/* ----- FORM MAIN -----  */

#formPaddingMain  {
  padding : 1px;
  float : left; 
  margin-left : 285px;
}
#formContentMain form {
  width : 260px;
  height : 30px;
  background: url('../res/FormContentMain.png') no-repeat;
}
#formContentMain form input {
  color : #111;
  background : #FFDCB9;
  font-weight : bold;
  border : 0;
  width : 185px;
  font-size : 12px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  margin : 8px;
}
#formContentMain form button {
  width : 59px;
  height : 30px;
  font-size : 9px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-weight : bold;
  color : #ffffff;
  border : 0;
  background-color : transparent;
  text-transform : uppercase;
  cursor: pointer;

}
/* ----- FORMS SUB -----  */

#formContent form {
  width : 260px;
  height : 30px;
  margin : 22px 0;
  background: url('../res/FormContent.png') no-repeat;
  margin-left : auto;
  margin-right : auto;
}
#formContent form input {
  color : #4141ff;
  font-weight : bold;
  border : 0;
  width : 185px;
  font-size : 12px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  margin : 8px;
}
#formContent form button {
  width : 59px;
  height : 30px;
  font-size : 9px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-weight : bold;
  color : #ffffff;
  border : 0;
  background-color : transparent;
  text-transform : uppercase;
  cursor: pointer;
}

/* ----- SEARCH MENU ----- */

#searchMenu {
  color : #bbb;
  font-size : 9px;
  font-weight : bold;
  margin-left : auto;
  margin-right : auto;
  text-align : center;
}

/* ----- FOOTER ----- */

#footer {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
  margin : 0 auto;
  margin-bottom : 10px;
  height : 10px;
  padding : 17px 20px;
  clear : both;
  width : 940px;
  text-align : left;
  font-size : 10px;
  color : #999999;
  background : #fff;
  border-top : 1px solid #0000ff;
  border-right : 1px solid #0000ff;
  border-left : 1px solid #0000ff;
  border-bottom : 1px solid #0000ff;
}
#footer #bannerBottom {
  float : right;
  clear : none;
}
#footer a {
  color : #999999;
  text-decoration : none;
}
#footer a:hover {
  color : #999999;
  text-decoration : underline;
}

/* ----- EYES ----- */

#eyes {
  width: 50px; 
  height: 25px;
  padding: 15px; 
  margin: 5px 8px ;  
  background: url('../old-js/EyesCharMain.png') center no-repeat;
  float: right;
}
#charBro {
  float: right;
  width: 40px;
  height: 28px;
  margin: 32px 50px 0 0;
}

/* ----- Show Title bar ----- */

.showTitleBar {
  width: 673px;
  height: 12px;
  padding: 6px;
  background: #eeeeee;
  margin-bottom: 1px;
}
.showTitleBar a {
  color : #999999;
}
.showTitleBar a:hover {
  text-decoration : underline;
}
.showTitleTag1 {
  float: left;
  width: auto;
}
.showTitleTag2 {
  float: right;
  text-align : right;
  width: auto;
}
.showBottomTags {
  color : #999999;
}
.showBottomTags a {
  color : #999999;
}
.showBottomTags a:hover {
  text-decoration : underline;
}

/* ----- Selected block ----- */

.selectBlock P, td {
  color: #000;
}
.selectBlock a {
  color : #000;
}
.selectBlock a:hover {
  color : #000;
}
.selectBlock tr.line {
  cursor: pointer;
}
.selectBlock tr.line:hover {
  background-color: #eeeeee;
}
.selectBlock tr.line a {
  background-color: transparent;
  text-decoration: none;
  display: block;
}