/* CSS Tabs */

/* Murphy Tab */
.NavContainer {
    margin: 0 auto;
    padding: 0 0 0 0;
    font-family: Arial, georgia, serif;
    font-weight: bold;
    font-size: 12px;
    text-transform: capitalize;
}

/* to stretch the container div to contain floated list */
.NavContainer:after {
    content: ".";
    display: block;
    line-height: 1px;
    font-size: 1px;
    clear: both;
}

.NavContainer ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: 100%;
}

.NavContainer ul li 
{
	list-style: none;
    display: block;
    float: left;
    margin: 0px;
    padding: 0px 2px 0px 0px;
}

.NavContainer ul li a
{
	display: block;
	width: 100%;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	background: darkgray;
	border-color: #ffe #aaab9c #ccc #fff;
	color: white;
	font-family: Arial, georgia, serif;
    font-weight: bold;
    font-size: 12px;
}

.NavContainer ul li a 
{ 
	width: auto; 
}

.NavContainer ul li a:hover, .NavContainer ul li.active a:hover, .NavContainer ul li.active a
{
	background: darkred;
	border-color: #aaab9c #fff #fff #ccc;
	color: #ffffff;
	font-family: Arial, georgia, serif;
    font-weight: bold;
    font-size: 12px;

}

/* Tab Style2 1 */
.NavContainer2
{
	margin: 0 auto;
	padding: 0 0 0 0;
	text-transform: capitalize;
	font-family: georgia, Serif, Arial;
	font-size: 14px;
}

/* to stretch the container div to contain floated list */
.NavContainer2:after {
    content: ".";
    display: block;
    line-height: 1px;
    font-size: 1px;
    clear: both;
}

.NavContainer2 ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    
}

.NavContainer2 ul li 
{
	list-style: none;
    display: block;
    float: left;
    margin: 0px;
    padding: 1px;
}

.NavContainer2 ul li a
{
	display: block;
	width: 100%;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	background: darkgray;
	border-color: #ffe #aaab9c #ccc #fff;
	color: white;
	font-family: georgia, Serif, Arial;
	font-size: 14px;
}

.NavContainer2 > ul li a 
{ 
	width: auto;
}


.NavContainer2 ul li a:hover, .NavContainer2 ul li.active a:hover, .NavContainer2 ul li.active a
{
	background: #215e21;
	color: #ffffff;
	font-family: georgia, Serif, Arial;
	font-size: 14px;
}

/* Tab Style 3 */
.NavContainer3
{
	margin: 0 auto;
	padding: 0 0 0 0;
	text-transform: capitalize;
	font-family: georgia, Serif, Arial;
	font-size: 14px;
}

/* to stretch the container div to contain floated list */
.NavContainer3:after {
    content: ".";
    display: block;
    line-height: 1px;
    font-size: 1px;
    clear: both;
}

.NavContainer3 ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    
}

.NavContainer3 ul li 
{
	list-style: none;
    display: block;
    float: left;
    margin: 0px;
    padding: 1px;
}

.NavContainer3 ul li a
{
	display: block;
	width: 100%;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	background: lemonchiffon;
	border-color: #ffe #aaab9c #ccc #fff;
	color: #0033cc;
	font-family: georgia, Serif, Arial;
	font-size: 14px;
}

.NavContainer3 > ul li a 
{ 
	width: auto;
}


.NavContainer3 ul li a:hover, .NavContainer3 ul li.active a:hover, .NavContainer3 ul li.active a
{
	background: #660000;
	border-color: #aaab9c #fff #fff #ccc;
	color: #ffffff;
	font-family: georgia, Serif, Arial;
	font-size: 14px;	
}

/* Tab Style 4 */
.NavContainer4
{
	margin: 0 auto;
	padding: 0 0 0 0;
	text-transform: capitalize;
	font-family: georgia, Serif, Arial;
	font-size: 14px;
}

/* to stretch the container div to contain floated list */
.NavContainer4:after {
    content: ".";
    display: block;
    line-height: 1px;
    font-size: 1px;
    clear: both;
}

.NavContainer4 ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    
}

.NavContainer4 ul li 
{
    list-style: none;
    display: block;
    float: left;
    margin: 0px;
    padding: 1px;
}

.NavContainer4 ul li a
{
	display: block;
	width: 100%;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	background: lemonchiffon;
	border-color: #ffe #aaab9c #ccc #fff;
	color: #0033cc;
	font-family: georgia, Serif, Arial;
	font-size: 14px;
}

.NavContainer4 > ul li a 
{ 
	width: auto;
}

.NavContainer4 ul li a:hover, .NavContainer4 ul li.active a:hover, .NavContainer4 ul li.active a
{
	background: #660000;
	border-color: #aaab9c #fff #fff #ccc;
	color: #ffffff;
	font-family: georgia, Serif, Arial;
	font-size: 14px;
}

/* Tab Style 5 */
.NavContainer5 {
    margin: 0 auto;
    padding: 5px 0px 1px 3px;
    font-family: Arial, georgia, serif;
    font-weight: bold;
    font-size: 12px;
    text-transform: capitalize;
}

/* to stretch the container div to contain floated list */
.NavContainer5:after {
    content: ".";
    display: block;
    line-height: 1px;
    font-size: 1px;
    clear: both;
}

.NavContainer5 ul {
    list-style: none;
    padding: 0;
    margin: 0px 0px 0px 0px;
    width: 100%;
}

.NavContainer5 ul li 
{
	list-style: none;
    display: block;
    float: left;
    margin: 0px 0px 0xp 0px;
    padding: 0px 2px 0px 0px;
    text-align: center;
}

.NavContainer5 ul li a
{
	display: block;
	width: 100%;
	padding: 5px;
	/*border-width: 1px;
	border-style: solid;*/
	text-decoration: none;
	background: darkgray;
	/*border-color: #ffe #aaab9c #ccc #fff;*/
	color: white;
	font-family: Arial, georgia, serif;
    font-weight: bold;
    font-size: 12px;
}

.NavContainer5 ul li a 
{ 
	width: 80px; 
}

.NavContainer5 ul li a:hover, .NavContainer5 ul li.active a:hover, .NavContainer5 ul li.active a
{
	background: darkred;
	text-decoration: none;
	/*border-color: #aaab9c #fff #fff #ccc;*/
	color: #ffffff;
	font-family: Arial, georgia, serif;
    font-weight: bold;
    font-size: 12px;

}

/***************************************/
/***************************************/
/***************************************/
/***************************************/
.noprint, .print {display:none;}

@media screen {
.noprint, .printns {display:block;}
.print {display:none;}
}

@media print {
.print {display:block;}
.noprint, .printns, {display:none;}
}

.SettingPanel
{
	border-bottom-style: solid; 
	border-bottom-width: thin; 
	border-bottom-color: #C0C0C0
}

.ViewPanel
{
	border-style: solid; 
	border-width: thin; 
	border-color: #C0C0C0;
}

.KeywordSearch input
{
	width:280px;
	font-size:16px;
	height:26px;
}

.ActionButton
{
	width:100px;
}

.TextAreaCode
{
	cursor: pointer;
	height: 100%;
}

.ErrorMessage
{
	color: Red;
}


/* GENERAL */
 

.GridHeader
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	background-image: url(images/gridheaderBg.gif);
	background-color: #DCDCDC;
	text-align: center;
}

.GridPager
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	width: 100%;
	color: Red;
	background-color: #DCDCDC;
	background-image: url(images/gridheaderBg.gif);
}

A.GridPager:link {
    text-decoration:    underline;
    color: #003366;
}

A.GridPager:visited  
{
    text-decoration:    underline;
    color: #003366;
}

A.GridPager:active   
{
    text-decoration:    underline;
    color: #003366;
}

A.GridPager:hover    {
    text-decoration:    underline;
    color: #ff0000;
}

.GridAlternating
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	vertical-align: top;
	background-color: #F5F5F5;
}

.GridNormal
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	vertical-align: top;
	background-color: #DCDCDC;
}

.GridAlternate
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	vertical-align: top;
	background-color: #F5F5F5;
}

.GridHighlight
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	vertical-align: top;
	background-color: #ffff99;
}


.AutoScroll
{
	overflow: auto;
}

.TokensList
{
	overflow: auto;
	width: 98%;
	height: 200px;
	border:thin inset;
}


#tooltip {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}

#tooltip h3, #tooltip div 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0; 
}

.HelpTextWatermark
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	background-color:#F0F8FF;
	color:gray;
}

.HelpTextWatermark
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	background-color:#F0F8FF;
	color:gray;
}

.autocomplete_completionListElement
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
}
.autocomplete_listItem
{
    background-color: #e3f3ff !important;
    list-style-type: none;
	margin: 0;
	padding-left: 5px;
}
.autocomplete_highlightedListItem
{
    background-color: Red !important;
    color: White !important;
    list-style-type: none;
	margin: 0;
	padding-left: 5px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* *{padding: 0; margin: 0;} */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(./images/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px; 
  margin-bottom:1px;
}
#TB_title
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color:#e8e8e8;
	height: 27px;
	/**width: 101%;*/
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load
{
	background: url('./images/loadingAnimation.gif');
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/*--------SLIDERPRO-----------------*/	

.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background: #fff;
}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0;
padding: 0;
}
.slideViewer ul li {
float:left;
}

/*typographic info*/
.slideViewer span.typo{ 
margin: 0; /* dynamically adjusted via script*/
padding: 3px 6px;
background: #908F8F;
color: #fff;
font: bold 9px Verdana;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}


/*--------PIKACHOOSE-----------------*/	
/* These hieghts and widths should be edited to your images */	
ul.pikame{
	padding-left:0;
	width:272px;
	margin:0 auto; 
}
.pika_main{
	width:272px;
	padding-right:20px;
	margin:0 auto;
}
.pikame li{
	margin:2px;
	float: left;
	border:2px solid #222; 
	display:none}  /* modified to make invisible */

/* thats all you NEED to edit. But continue if you'd like. */
ul.pikame li img{position:relative;cursor:pointer}
.pika_main img{border:2px solid #222}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:right;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:15px;text-align:center;font-size: 12px}
.pika_navigation a{font-size: 12px;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:5px;clear:both;text-align:center;display:none}