@import url("css/menu.css");

/* CSS Document */
#Body {
    vertical-align:top;	
	padding:0px;
	margin:0px;
	background: #000 url(images/J10-Black-bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	width:100%;
	height:100%;
}

/* HTML ATRIBUTES */
html, body {
color:#8C959A;
font-family: Helvetica, sans-serif, Verdana;
font-size:12px;
 margin:0; padding:0;
}

td, tbody, th, div, p, label, form, input, table, textarea, select {
font-family: Helvetica, sans-serif, Verdana;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
}

/* Background Styles */

.min-width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 910)? "910px" : "100%"); min-width:910px;}
#main { margin:0 auto; width:910px; background:#000;}

.mainbg {
	background-color:#000;
}

/* Slider Style */
#slider-stage {
	width:500px;
	overflow:hidden;
	height: 225px;
	margin-left:0px;
	float:left;
	position:relative;
	vertical-align:top;
	margin-top:85px;
}
#slider-list {
	width: 2000px;
	border: 0;
	margin:0 0 0 2px;
	padding:0 0 0 2px;
	left: 0px;
	top: 0px;
	position: absolute;
	vertical-align:top;
}
#slider-list a.theme {
	list-style: none;
	
	border: 0;
	margin-right:20px;
	float: left;
	width: 150px;
	height: 150px;
	position:relative;
	cursor:pointer;
	text-decoration:none;
	overflow:hidden;
	vertical-align:top;
}
#slider-list a.theme:hover {
}
#slider-list a.theme span.nameVignette {
	position:absolute;
	left:4px;
	bottom:0px;
	color:#a0a09b;
	padding:3px;
	font-size:10px;
}
#slider-list a.theme:hover span.nameVignette {
	color:#494947;
}
#slider-list a.theme span.changeTheme {
	background:#363636;
	color:#FFD200;
	display:none;
	font-size:10px;
	font-weight:bold;
	height:16px;
	left:0px;
	padding:4px 0 0;
	position:absolute;
	text-align:center;
	text-transform:uppercase;
	top:0px;
	width:150px;
}
#slider-list a.theme:hover span.changeTheme {
	display:block;
}
#sliderBloc {
	height:225px;
	/*margin:0 auto;*/
	width:550px;
	overflow:hidden;
	vertical-align:top;
}
#sliderBloc a#previous, #sliderBloc a#next {
	background:url(images/arrow-lt.png) no-repeat left top;
	float:left;
	text-indent:-9999px;
	cursor:pointer;
	width:25px;
	height:32px;
	margin:130px 0px 5px 0;
}
#sliderBloc a#next {
	background:url(images/arrow-rt.png) no-repeat left top;
	margin:130px 0 0 0px;
}
#sliderBloc a#previous:hover, #sliderBloc a#next:hover {
	background-position:left -30px;
}

.ImgPadding {
	padding-bottom:8px;
}
.relection_img {
	float: left; 
	padding: 2px;
}
.relection_right {
	float: right; 
	padding: 2px;
}
.LogoFrame {
	vertical-align:middle;
	text-align:center;
	width:300px;
}

.ScrollFrame {
	vertical-align: top;
	
}
#ScrollFrame2 {
	vertical-align:middle;
	text-align:center;
	height:100%;
}
.NormalBold {
    color:#2076b0;
	font-size:12px;
	font-weight:bold;
}
.Normal {
    color:#61686C;
	font-size:12px;
	font-weight:normal;
}		

.HeaderBG {
    background-image: url(images/J10-Black_10.jpg);
    background-position:top left;
    background-repeat:no-repeat;   
	width:908;
	height:291px;
}
.HeaderFrame {
	vertical-align:top left;
	text-align:left;
}
.navmenu {
	height:36px;
	background:url(images/J10-Black_06.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	white-space:nowrap;
}

/*------------ Breadcrumb Style --------------*/
.BSHolder {	
	white-space:nowrap;
	display: block;
	margin:0 auto;
	padding-left:5px;
	padding-right:5px;
}
.breadcrumb_text {
	color: #FFFFFF;
	text-align:left;
	vertical-align:middle;
}
#bread_style{ float:left; line-height:34px; padding-left:5px;}
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#61686C; font-size:100%; font-weight:normal;}
a.Breadcrumb:hover{color:#FFFFFF;}
.BreadSeparator {
	vertical-align:middle;
	text-align:center;
}
.breadcrumb {
	font-weight:bold;
	white-space:nowrap;
	vertical-align:middle;
	text-align: left;
}
/*------------ Search Style --------------*/
#search_style { float:right; line-height:34px; padding-right:18px;}

.search {
	white-space:nowrap;
	vertical-align:middle;
	text-align:right;
}

div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}

/*------------ Copyright Style --------------*/
.CopyrightHolder {	
	white-space:nowrap;
	display: block;
	margin:0 auto;
	padding-left:5px;
	padding-right:5px;
}

#Copyright_style{ float:left; line-height:34px; }

.Copyright {
	font-weight:normal;
	white-space:nowrap;
	vertical-align:middle;
	text-align: left;
	color:#8C959A;
	font-size:100%;
}
/*------------ Terms Style --------------*/
#terms_style { float:right; line-height:34px; padding-right:18px;}

.Terms,a.Terms:link,a.Terms:active,a.Terms:visited{color:#61686C; font-size:100%; font-weight:normal;}
a.Terms:hover{color:#FFFFFF;}

.terms {
	white-space:nowrap;
	vertical-align:middle;
	text-align:right;
}

/*------------ Login Style --------------*/
#login_style{ float:right; padding-right:20px; vertical-align:top; text-align:right;}

/*-------------- User Style --------------*/
.user {
	vertical-align: top;
	text-align:right;
	
}
.user,a.user:link,a.user:active,a.user:visited { color:#FFFFFF; font-size:100%; font-weight:normal;}
a.user:hover{color:#61686C;}

/*------------ ControlPanel Style --------------*/
.ControlPanel, .PagingTable {
	width: 100%;
	background-color: #000;
	border-right: #61686C 1px solid;
	border-top: #61686C 1px solid;
	border-left: #61686C 1px solid;
	border-bottom: #61686C 1px solid;
}
/* Normal Text Box */
.NormalTextBox { color:#FFF; font-size:100%; font-weight:normal; vertical-align:middle; text-align:left; background-color:#111010; border: #61686C 1px solid; padding:2px; }

/* Normal Text Box TD*/
.NormalTextBox TD { color:#FFF; font-size:100%; font-weight:normal; vertical-align:middle; background-color:#111010; border: #61686C 1px solid; }

/* SKIN ATRIBUTES */
.PaddingBorder { padding:5px;}
/* Containers */
/*-- Top header Pane               --*/ .HeaderPane { padding: 0px 0px 0 0px; width:550px; vertical-align:middle; text-align:center; }

/*-- top inside content pane       --*/ .TopPane { width: 100%; padding: 0 5px 0 5px;}

/*-- left content pane             --*/ .LeftTopPane { padding: 0 5px 0 5px; width: 50%; }
/*-- right content pane            --*/ .LeftTopPane { padding: 0 5px 0 5px; }

/*-- Middle Pane                   --*/ .MiddlePane { width: padding: 0 5px 0 5px;}
/*-- Middle Pane                   --*/ .MiddlePane2 { width: padding: 0 5px 0 5px;}

/*-- left2 content pane            --*/ .LeftPane2 { padding: 0 5px 0 5px; width: 228px; }
/*-- content2 pane                 --*/ .ContentPane2 { padding: 0 5px 0 5px; width:}
/*-- right2 content pane           --*/ .RightPane2 { padding: 0 5px 0 5px; width: 228px; }

/*-- bottom pane                  --*/ .BottomPane { width: 100%; padding: 0 5px 0 5px; }

/*-- Column Pane                   --*/ .ColumnPane1 { padding: 0 5px 0 5px; width: 33%; }

/*-- footer content pane           --*/ .FooterPane { padding: 0 5px 0 5px; vertical-align:middle; padding-bottom:5px; }

/* END Containers */



/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#61686C; text-transform:uppercase;}
a.links:hover{color:#FFFFFF;}

#WhiteText {
   font-size:95%;
   font-weight:bold;
}
#WhiteText a:link{color:#ffffff; font-weight:bold;}
#WhiteText a:visited{color:#ffffff; font-weight:bold;}
#WhiteText a:hover{color:#ffdf5e; font-weight:bold; text-decoration:underline;}
#WhiteText a:active{color:#ffffff; font-weight:bold; text-decoration:underline;}

#WhiteText2 {
   font-size:100%;
   font-weight:bold;
}
#WhiteText2 a:link{color:#ffffff; font-weight:bold;}
#WhiteText2 a:visited{color:#ffffff; font-weight:bold;}
#WhiteText2 a:hover{color:#ffdf5e; font-weight:bold; text-decoration:underline;}
#WhiteText a:active{color:#ffffff; font-weight:bold; text-decoration:underline;}


/* style for module titles */
.Head  {
    font-family: Helvetica, sans-serif, Verdana;
	font-size: 120%;
    font-weight: bold;
	color: #2076b0;
	               
}

div.hr {
margin: 4px 0 4px 0;
padding: 0;
height: 1px;
font-size: 1px;
background:#2076b0;
}

/* Default Values*/

.SubHead    {
      font-family: Helvetica, sans-serif, Verdana; 
	  color: #61686C;
      font-size: 8pt; 
               
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
     font-family: Helvetica, sans-serif, Verdana; 
	 color: #61686C;
     font-size: 8pt;        
}

/* text style used for most text rendered by modules */
.Normal {
    font-family: Helvetica, sans-serif, Verdana; 
    color: #61686C;
	font-size: 8pt;

}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {

    font-family: Helvetica, sans-serif, Verdana;
    color: #4A87D9;
	font-size: 8pt;
	text-decoration: none;
                
}

A.CommandButton:visited  {
    font-family:  Helvetica, sans-serif, Verdana;
    color: #4A87D9;
	font-size: 8pt;
	text-decoration: none;
                
}

A.CommandButton:active   {
    font-family:  Helvetica, sans-serif, Verdana;
    color: #4A87D9;
	font-size: 8pt;
	text-decoration: none;

}

A.CommandButton:hover {
    font-family:  Helvetica, sans-serif, Verdana;
    color: #cccccc;
	font-size: 8pt;
	text-decoration: underline;
}



/*=====================================================================*/
/* Template Text Headings                                              */
/*=====================================================================*/

/* H1 */
H1 { color: #245CA8; font-family: Helvetica, sans-serif, Verdana; font-size: 15px; font-weight: bold; }
A.H1:Link,A.H1:Visited,A.H1:Hover,A.H1:Active { color: #245CA8; font-family: Helvetica, sans-serif, Verdana; font-size: 15px; font-weight: bold; text-decoration: underline; }

/* H2 */
H2 { color: #245CA8; font-family: Helvetica, sans-serif, Verdana; font-size: 14px; font-weight: bold; }
A.H2:Link,A.H2:Visited,A.H2:Hover,A.H2:Active { color: #245CA8; font-family: Helvetica, sans-serif, Verdana; font-size: 14px; font-weight: bold; text-decoration: underline; }

/* H3 */
H3 { color: #245CA8; font-family: Helvetica, sans-serif, Verdana; font-size: 12px; font-weight: bold; }
A.H3:Link,A.H3:Visited,A.H3:Hover,A.H3:Active { color: #245CA8; font-family: Helvetica, sans-serif, Verdana; font-size: 12px; font-weight: bold; text-decoration: underline; }

/* H4 */
H4 { color: #245CA8; font-family: Helvetica, sans-serif, Verdana; font-size: 12px; font-weight: bold; }
A.H4:Link,A.H4:Visited,A.H4:Hover,A.H4:Active { color: #245CA8; font-family: Helvetica, sans-serif, Verdana; font-size: 12px; font-weight: bold; text-decoration: underline; }

/* H6 */
H6 { color: #245CA8; font-family: Helvetica, sans-serif, Verdana; font-size: 11px; font-weight: bold; }
A.H6:Link,A.H6:Visited,A.H6:Hover,A.H6:Active { color: #245CA8; font-family: Helvetica, sans-serif, Verdana; font-size: 11px; font-weight: bold; text-decoration: underline; }

img { border: 0; }