/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */


@import 'lib/typography.css';
@import 'lib/grid.css';
/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #CCCCCC;background-color:#FFFFFF; }
legend      { font-weight: bold; font-size:1.2em; }



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(../images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #0360E1;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;

font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #0360E1;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color:#E48900;
}

.selected {background-color:#D4E3F7;}

.selectedletter {background-color:#E52526; }
 
 /*
 .alfablock a:link,.alfablock a:visited{
	color:#FFFFFF;
	padding:5px;

	text-decoration: none;
}

.alfablock a:hover {
background-color:#333333;
color:#8FD959;

	text-decoration: none;
}
/* See the grid:
   Uncomment the line below to see the grid and baseline.*/
   .container {
	background-color:#ffffff;
	width:950px;
	background-image: url(../images/bg_round.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:10px 5px 5px 5px;
} 

body {
	padding:0px;
	margin-top:0px;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
}
#content-sub{
background-color:#CED0C8;
}
th ,td , table, label {
margin:0 px;
padding:0px;
border-bottom:0px solid #ddd;

}
table {
font-size:9px;
}

#header {
	display:block;

	height:30px;
	width:100%;
}

/*    HEADER     */

#container_header{
width:960px; 
margin:0 auto; 
text-align:left;


	background-image:url(../images/j_header_middle.png);
	background-repeat: repeat-x;
}
#header {
	text-align:left;
height:80px;

	background-image:url(../images/j_header_middle.png);
	background-repeat: repeat-x;
}
#content-sub fieldset {font-size:80%;
background-color:#EEEEEE;
border: 1px solid #CCCCCC;
}

#content-sub {background-color:#FFFFFF;}

.paddingheader {
padding:0px;

}

#container_footer{
position:relative;
width:100%; 

background-color:#333333;
border-top: 2px solid #2B9B09;

}

#footer{
color:#ffffff;
width:960px; 
margin:0 auto; 
text-align:left;
}
#footer a:link ,#footer a:visited {color:#FFFFFF;}
#footer a:hover {color:#E6EFC2;}
#leftfooter {

	width: 280px;
	text-align: left;
	float: left;
		
}
#rightfooter {
 
    width: 350px;
	float: right;
	text-align: right;
		
}




textarea            { border:1px solid #bbb; background:#eee; padding:0px; }
   
.alfablock{
font-size:130%;
padding-top:3px;
text-transform: capitalize;
font-weight:bold;
color:#FFFFFF;

text-align:center;
}
.alfablock a:link,.alfablock a:visited{
	color:#FFFFFF;
	padding:5px;

	text-decoration: none;
}

.alfablock a:hover {
background-color:#333333;
color:#8FD959;

	text-decoration: none;
}

.codecss {
	background-color:fff;
	padding: 10px;
	border: 1px solid #C6D880;
	font-size:80%;
}
.selectbyletter {
font-size:120%;
font-weight:bold;
color:#58962A;
letter-height:20%;

}
.success {color:#58962A;}
.name {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#4B4B4B;
}
.active {background-color:#E6EFC2;}
.active2 {background-color:#cccccc;}

#slide1 {
background-color:#F3F3F1;
display:block;
padding-left:5px;
border:1px solid #C8D0D0;
overflow:auto;}
#slide2 {
background-color:#fff;
display:block;
overflow:auto;
border:1px solid #C8D0D0;
padding:5px;}

#slide3 {
background-color:#F3F3F1;
display:block;
border:1px solid #C8D0D0;
padding-left:10px;
overflow:auto;}
#slide4 {
background-color:#F3F3F1;
padding-left:5px;
border:1px solid #C8D0D0;
display:block;
overflow:auto;}

.slideTitleLink{
display:block;
border-top:2px solid #F3F3F1;
border-right:2px solid #B6B9AC;
border-bottom:2px solid #B6B9AC;
border-left:2px solid #F3F3F1;
background-color:#CED0C8;
padding:5px;
margin:0px;
margin-bottom:2px;
}
img {margin:0px;}

.bgexamples {background-color:#E6EFC2;
border:2px solid #C6D880;
padding:5px;}

.sense {text-align:center;
padding-top:30px;}

/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }