@import url("experience.css");

/* JA CoolAds Module */
#ja-coolads {
	height: 0;
	overflow: hidden;
	position: relative;
}

#ja-coolads-container {
	overflow: hidden;
	margin-right: 0%;
}

#ja-coolads-container div.moduletable {
	overflow: hidden;
}

#ja-mainbody #ja-content {
	float: right;
	width: 70%;
	padding-right: 2.5%;
}

.moduletable {
	padding: 0;
}

#commentIt {
	background: url("../images/buttons/commentIt.gif") no-repeat;
	height: 39px;
	width:160px;
	padding: 7px 0px 0px 30px;
	float: right;
	font-size:10px;
	}
/* A small IE fix */
* html #commentIt { margin-bottom: 10px; }

/* pcln */
.undeco {border: none !important;}
img {
border: none;
}
img.framed {
border: 1px solid #ddd;
}

.nyopbanner {
color: #600;
background: #ffefcc url(../images/tbl_backround/bg_slant_yellow.gif);
font-weight: bold;
padding: 3px 5px;
border: 1px solid #fd5;
}
.nyopbanner p {
text-align: center;
margin: 0 !important;
padding: 4px !important;
}

#myli li {
	list-style-type: disc;
	list-style-image: url(../images/arrows/arrow_black.gif);
 }

/* MATRIX #################### */
#matrix {
font-size: 11px;
margin: 0 0 15px 0;
padding: 0;
}

#matrix li {
	list-style-type: disc;
	list-style-image: url(../images/arrows/bullet-faq.gif);
 }

#matrix table tr td {
font-size: 11px;
background: #e5f0ff;
padding: 6px 2px;
border-top: 1px solid white;
border-right: 1px solid #cce1ff;
border-bottom: 1px solid #cce1ff;
border-left: 1px solid white;
}

#matrix table tr td.filler {
background: #f6f9ff url(../images/tbl_backround/bg_slant_blue.gif);
text-align: center;
padding: 6px 2px;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid white;
vertical-align: top !important;
}

#matrix table tr td.nav {
font-size: 11px;
background: #f6f6f6;
text-align: left;
padding: 3px;
border-top: 1px solid #fff;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #eee;
}

#matrix table tr td.nav table tr td {
font-size: 11px;
background: none !important;
padding: 0 0 0 0 !important;
border: none !important;
}

#matrix table tr th {
font-size: 11px;
background: #e5f0ff url(../images/tbl_backround/bg_slant_blue.gif);
text-align: center;
padding: 6px 2px;
border-top: 5px solid #cce1ff;
border-right: 1px solid #cce1ff;
border-bottom: 1px solid #cce1ff;
border-left: 1px solid white;
vertical-align: bottom !important;
}
#matrix table tr th.heading {
font-size: 11px;
background: #e5f0ff url(../images/tbl_backround/bg_slant_blue.gif);
text-align: center;
padding: 6px 2px;
border-top: 1px solid #cce1ff;
border-right: 1px solid #cce1ff;
border-bottom: 1px solid #cce1ff;
border-left: 5px solid #cce1ff;
}
#matrix table tr th.empty {
font-size: 11px;
background: #e5f0ff url(../images/tbl_backround/bg_slant_blue.gif);
text-align: center;
padding: 6px 2px;
border-top: 5px solid #cce1ff;
border-right: 1px solid #cce1ff;
border-bottom: 1px solid #cce1ff;
border-left: 5px solid #cce1ff;
}
#matrix table tr th.alt {
font-size: 11px;
background: #e5f0ff url(../images/tbl_backround/bg_slant_blue.gif);
text-align: right;
vertical-align: top !important;
/*white-space: nowrap;*/
border-top: 1px solid white !important;
border-bottom: 1px solid #cce1ff;
border-right: 1px solid #cce1ff;
border-left: 5px solid #cce1ff;
}
#matrix table tr th.alt div {
font-size: 11px;
padding: 4px 2px;

}

#matrix table tr th.nyop {
color: #900;
background: white;
text-align: center;
padding: 0 10px 10px 0;
border-top: none !important;
border-left: 0px solid #cce1ff;
border-bottom: 1px solid #cce1ff;
border-right: none !important;
vertical-align: top;
}

#matrix table tr th.nyop2 {
color: #900;
background: white;
text-align: left;
padding: 0 0px 0px 0;
border-top: none !important;
border-right: 0px solid #cce1ff;
border-bottom: 0px solid #cce1ff;
border-left: 0px !important;
vertical-align: bottom;
}

#matrix table tr th.nyop div {
background: #fd5;
padding: 5px;
border: 1px solid #dc4;
}
#matrix table tr th.nyop div div {
background: #ffefcc url(../images/tbl_backround/bg_slant_yellow.gif);
padding: 7px 5px;
border: 1px solid #ffc;
/*white-space: nowrap;*/
}
#matrix table tr td.nyop {
background: #ffefcc url(../images/tbl_backround/bg_slant_yellow.gif);
color: #000;
text-align: center;
vertical-align: middle;
font-weight: bold;
padding: 4px 2px;
border-top: 1px solid #ffc;
border-right: 1px solid #dc4;
border-bottom: 1px solid #dc4;
border-left: 1px solid #ffc;
}#matrix table tr td.nyop table tr td {
background: none !important;
border: none !important;
}
#matrix table tr td.nyop .button a {
/*white-space: nowrap;*/
background: #900;
color: #fff;
font-weight: bold;
text-align: center;
border: 3px double #ddd;
margin: 0;
padding: 1px;
}

#matrix table tr th.mwts {
vertical-align: middle !important;
border-top: 5px solid #cce1ff;
border-left: 5px solid #cce1ff;
}

#matrix .selected {
font-size: 11px;
color: #000;
background: #bbd1ee url(../images/tbl_backround/bg_slant_blue.gif) !important;
}
#matrix .selected .lowest {
font-size: 11px;
width: 90%;
background: #ffffe5 !important;
margin: 0 auto !important;
padding: 4px 0 !important;
border: 1px solid #9bc !important;
}


/* FIX IE6 Scrollbars bug - Leave this in! */
html { overflow-x: auto; } 

.tableborder { border:1px solid #345487;background-color:#FFF; padding:0; margin:0 }
.maintitle { vertical-align:middle; font-weight:bold; color:#FFF; padding:8px 0px 8px 5px; background-image: url(../images/tile_back.gif) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }

.titlemedium { font-weight:bold; color:#3A4F6C; padding:0px; margin:0px }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #3A4F6C }
.desc { font-size:10px; color:#434951 }

.menuskin{
position:absolute;
width:165px;
background-color:menu;
border:2px solid black;
font:normal 10px/18px Tahoma, Arial, Helvetica, sans-serif;
z-index:100;
visibility:hidden;
}

.menuskin a{
	text-decoration:none;
	color:black;
	padding-left:10px;
	padding-right:10px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

#mouseoverstyle{
	background-color:highlight;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

.td-shade	{ background: #EEEEEE; }

.td-lined 		{ background: #EEEEEE; border: 1px solid #C0C0C0; }
.td-lined-bottom 	{ background: #EEEEEE; border-bottom: 1px solid #C0C0C0; }
.td-lined-right 	{ background: #EEEEEE; border-right: 1px solid #C0C0C0; }
.td-lined-top	 	{ background: #EEEEEE; border-top: 1px solid #C0C0C0; }
.td-lined-left		{ background: #EEEEEE; border-left: 1px solid #C0C0C0; }

.td-lined-black 	{ border: 1px solid #000000; }
.td-lined-bottom-black 	{ border-bottom: 1px solid #000000; }
.td-lined-right-black 	{ border-right: 1px solid #000000; }
.td-lined-top-black	 	{ border-top: 1px solid #000000; }
.td-lined-left-black	{ border-left: 1px solid #000000; }

.padded-6 { padding: 6px; }

#mouseoverstyle a{
	color:white;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

.topbarsmall {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	font-weight: bold;
	padding: 4px;
}
.topbarsmallnobold { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; text-decoration: none; font-weight: normal}
.topbarsmallnoboldlink { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; text-decoration: none; font-weight: normal}
.topbarsmallnoboldwhite { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; text-decoration: none; font-weight: normal ; color: #000000}
.smallernobold { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; text-decoration: none; font-weight: normal }
.smallnoboldlinkwhite { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; text-decoration: none; font-weight: normal ; color: #FFFFFF}
A:link      {text-decoration: none}
A:visited   {text-decoration: none}
A:active    {text-decoration: none}
A:hover     {
	text-decoration: underline;
}
body {
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	font-size: 11px; 
	color: #000; 
	margin:0px;
	padding:0px;
	background-color:#FFF; 
	text-align:center;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #000000;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
}

p,div,span,td   { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }
.smallboldlinkwhite, a.smallboldlinkwhite { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; text-decoration: none; font-weight: bold; color: #FFFFFF }
.topbarsmallwhite { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; text-decoration: none; font-weight: bold ; color: #FFFFFF}
.smallnoboldlink { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; text-decoration: none; font-weight: normal ; color: #000000}
.blackMenuFont {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.smallboldlinkblack {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; text-decoration: none; font-weight: bold; color: #000000
}
.btn-orange {
    background: url(../css/images/pributton.gif);
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	padding:1px 5px 1px 5px;
}
.btn-gray {
    background: url(../css/images/graydient.gif);
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	padding:1px 5px 1px 5px;
}
.flat {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-style: groove;
}
.smallnoboldlinkblack {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
 	color: #000000;
	font-weight: lighter;

}
/*.drag{
	position: relative;
	cursor: hand;
}
*/
.checkbox {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: none;

}
.foot {
  color:#54A6CE;
  text-decoration:none;
  font-weight: bold;
  font-size:10px;
  font-family:Tahoma;
}
.SectionHeader {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;

}
.smallnoboldlinkregular {

	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	font-weight: lighter;
}
.invisibletag {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:#FFFFFF solid thin;
	background-color:#FFFFFF;
	width:100%
}
.invisible_blue_bold {
	font-weight: bold;
    font-size:11;
    background:#e5f0ff;
    border:0px
}
.invisible_blue {
    font-size:11;
    background:#e5f0ff;
    border:0px
}

.invisible_blueslant {
    font-size:11;
	font-weight: lighter;
    background: #e5f0ff url(../images/tbl_backround/bg_slant_blue.gif);
    border:0px;
    text-align: right
}