/* CSS Document */

.developersNote {
font-size:10px;
font-weight:bold;
color:#993300;
padding:10px 10px 10px 10px;
margin:5px;
border-top:1px dashed  #CCCCCC;
border-bottom:1px dashed #CCCCCC;
width:300px;
}


.noteBoxColumn1 {
background-color:#E1E1E1;
border:1px solid #666666;
border-top:5px solid #666666;
padding:10px 0px 10px 5px;
/*margin-right:0px;*/
/*width:300px;*/
margin-top:5px;
margin-bottom:5px;
font-size:10px;
color:#666666;
/* CSS HACK */
	width: 200px;	/* IE 5.x */
	width/* */:/**/188px;	/* Other browsers */
	width: /**/192px; /* FF 2.x */
}


#noteBox {
background-color:#E1E1E1;
border:1px solid #CCCCCC;
border-top:5px solid #CCCCCC;
padding:10px 10px 10px 10px;
/*width:300px;*/
margin:5px;
font-size:10px;
color:#666666;
}


.noteBox1 {
background-color:#EEEEEE;
border:1px solid #CCCCCC;
border-top:5px solid #CCCCCC;
padding:10px 10px 10px 10px;
/*width:550px;*/
margin:5px;
font-size:10px;
color:#666666;
}

#noteBox2 {
background-color:#FFFFCC;
border-top:1px dashed  #CCCCCC;
border-bottom:1px dashed #CCCCCC;
padding:10px 10px 10px 10px;
width:300px;
margin:5px;
font-size:10px;
color:#666666;
}

/*NEW BOX : One news box per page*/
#newsBox {
background-image: url(../images/bg_grey_gradiant.jpg);
background-repeat:repeat-x;
background-position:top left;
border:1px solid #CCCCCC;
padding:10px 10px 10px 10px;
width:500px;
margin:5px;
font-size:10px;
color:#666666;
}

#newsBoxtitle {
font-size:10px;
font-weight:bold;
text-transform:uppercase;
color:#666666;
margin-bottom:5px;
}

.left {
float:left;
/*margin-top:1.5em;*/
margin-right:0.5em;


}

.right {
float:right;
/*margin-top:-1.2em;*/
margin-left:0.5em;
margin-bottom: 10px;

}

.divider {
display:block;
padding-left:2px;
padding-right:2px;
border-left:1px dashed #CCCCCC;
margin-left:50%;

}

/*TABS*/

.articleTabsContainer{
border-bottom: 1px solid gray;

margin-bottom: 1em;
margin-left: 0;
}



.articleTabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 11px Verdana;
list-style-type: none;
text-align: left; 

}

.articleTabsContainer{ /* <ul> container for article list */
/*padding: 3px 0;*/
margin-left: 0;
margin-top: 1px;
margin-bottom: 10px;
padding-bottom: 10px;
font: bold 11px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
height:500px;
}

.articleTabs li.articleMouseOver{	/* Mouse over article in list - layout */
background-image:url(../images/bg_nav_active.gif);
color: #FFFFFF;
background-color:#CCCCCC;
}

.articleTabs li.articleMouseOut{	/* Mouse over article in list - layout */
/*background-image:url(../images/bg_nav_active.gif);*/
color: #FFFFFF;
background-color:#CCCCCC;
}

.articleTabs li.articleClick {/* Active article in list - layout */

/*text-decoration: none;*/
/*padding: 3px 7px;*/
margin-right: 1px;
border: 1px solid #778;
color: #FFFFFF;
background-color:#006699; /*Blue*/

}

.articleTabs{
	margin:0px;
	padding:2px;
}

.articleTabs li{
display: inline;
/*margin: 0;*/
/*list-style-type:none;*/
	border:1px solid #999;
	background-color:#EEE;
	height:50px;
	margin:1px;
	padding:2px;
	color:#333;
	cursor:pointer;
}

.clear{
	clear:both;
}

.articleTabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 1px;
border: 1px solid #778;
color: #FFFFFF;
background-color:#006699; /*Blue*/

}

.articleTabs li a:visited{
color: #FFFFFF;
background-color:#CCCCCC;
}

.articleTabs li a:hover{
background-image:url(../images/bg_nav_active.gif);
color: #FFFFFF;
/*background-color:#CCCCCC;*/
}

.button {

	text-decoration:none;
	font-size:10px;
	color:#333333 !important;
	float:right;
	margin-top:5px;
	margin-bottom:5px;
	background-image:url(../images/bg_button_grey.jpg);
	
	
	border: 1px solid #999999;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
}


.button:hover {
text-decoration:none !important;
/*color:#FFFFFF;*/
/*background-color:#999999;*/
border: 1px solid #006699;
}




.articleTabs li a:hover{
background-image:url(../images/bg_nav_active.gif);
color: #FFFFFF;
background-color:#CCCCCC;
}

.articleTabs li.selected{
background-color:#FFFFFF;
color:#006699;
border-bottom-color: white;
}
/*selected main tab style */
.articleTabs li.selected a{ 
background-image: url(../images/bg_nav_active.gif);
background-color:#FFFFFF;
color:#006699;
border-bottom-color: white;
}

.articleTabs li.selected a:hover{ 
text-decoration: none;
}

#articleContainer{	/* <ul> container for article list */
margin-top: 10px;
height:auto;

}

.form {
font-size: 10px;

}