/***********************************************/
/* HTML tag styles                             */
/* Additional Styles are located under Themes        */
/***********************************************/

/******* hyperlink and anchor tag styles *******/

a:link, a:visited
{
    color: #000000;
    text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

/************** header tag styles **************/
a img
{
       border-width: 0px;
}

h1{
    font: normal normal bold x-large Verdana, Arial, Helvetica, sans-serif;
    color: #006699;
    margin: 0px;
    padding: 0px;
}

h2{
 font: bold 114% Verdana, Arial, Helvetica, sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Verdana, Arial, Helvetica, sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Verdana, Arial, Helvetica, sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5
{
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    color: #334d55;
    margin: 0px;
    padding: 0px;
}

h6
{
    font: 90% Verdana, Arial, Helvetica, sans-serif;
    color: #334d55;
    margin: 0px;
    padding: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label
{
    font: bold 1em Verdana, Arial, Helvetica, sans-serif;
    color: #006699;
    line-height: 1.5em;
}
				
input{
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#mainpage{
    position: absolute;
    top: 140px;
    left: 2%;
    right: 2%;
    width: 95.6%;
    background: #FFFFFF url(images/WhiteBack.gif) fixed;
	 font: 75% Verdana, Arial, Helvetica, sans-serif;
}

.noscriptpage{
    position: absolute;
    top: 140px;
    left: 2%;
    right: 2%;
    width: 95.6%;
    background: #FFFFFF url(images/WhiteBack.gif) fixed;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
}

.emptypage{
    position: absolute;
    top: 2%;
    left: 2%;
    right: 2%;
    width: 94%;
    background: #FFFFFF url(images/WhiteBack.gif) fixed;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
}

#tl {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#pageNav{
	float: left;
	width:182px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana, Arial, Helvetica, sans-serif;
}

#content{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 182px;
	border-left: 1px solid #ccd2d2;
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}


/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
}

#pageName img{
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}

/*************** login styles *****************/

#login{
	position: absolute;
	top: 3px;
	right: 10px;
	z-index: 101;
	width: 220px;
}

#login input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
 }
 
#login a:link, #login a:visited {
	font-size: 80%;
	font-weight: bold;
}

#login a:hover{
	margin: 0px;
}
/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 5px 0px 5px 10px;
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: #AAAAAA;
}

#breadCrumb a{
	color: #AAAAAA;
}

#breadCrumb a:hover
{
    color: #006699;
    text-decoration: underline;
}

#orderbreadCrumb{
	padding: 5px 0px 5px 10px;
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: #AAAAAA;
}

#orderbreadCrumb a{
	color: #000000;
    text-decoration: none;
}

#orderbreadCrumb a:hover
{
    text-decoration: underline;
}

.ordercomptit
{
    padding: 5px 5px 0px 0px;
}

/************** feature styles *****************/

.featurepic{
    padding: 10px 20px 10px 20px;
    height: auto;
}

.feature{
    padding: 10px 20px 10px 20px;
}
html>body .feature {height: auto;}

.feature h3{
	font: bold 175% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.feature img{
	float: left;
}

/************** feature styles *****************/

.featurelist{
   padding: 10px 10px 10px 20px;
   line-height: 1.2em;
}

.featurelist p{
}

.featurelist h3{
   border-bottom: 1px #006699 solid;
   font: bold 140% Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
   padding: 10px 0px 5px 0px;
}

.featurelist h4{
   border-bottom: 1px #006699 solid;
   font: bold 110% Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
   padding: 10px 0px 5px 0px;
}

.featurelist h5
{
    font: bold 110% Verdana, Arial, Helvetica, sans-serif;
    color: #006699;
}

.featurelist h5 a, .featurelist h5 a:hover {
   color: #006699;
}

.featurelist h6{
   border-bottom: 1px #006699 solid;
   font: bold 100% Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
   padding: 10px 0px 5px 0px;
}

.padtb {
  padding: 3px 0px 3px 0px;
}

.padrtb {
  padding: 3px;
  text-align:right;
}

.para 
{
    padding: 6px 0px 6px 0px;
}
.bluetext {
 color: #006699 !important;
}

.bluetext a:link, 
.bluetext a:visited,
.bluetext a:hover,
.bluetext a:active {
   color: #006699 !important;
}

.whitetext {
 color: #FFFFFF !important;
}

.whitetext a:link, 
.whitetext a:visited,
.whitetext a:hover,
.whitetext a:active {
   color: #FFFFFF !important;
}


.lbluetext {
 color: #99CCFF !important;
}

.lbluetext a:link, 
.lbluetext a:visited,
.lbluetext a:hover,
.lbluetext a:active {
   color: #99CCFF !important;
}

.orangetext
{
    color: #FF9900 !important;
}

.orangetext a:link, 
.orangetext a:visited,
.orangetext a:hover,
.orangetext a:active {
   color: #FF9900 !important;
}


.ubluetext {
 color: #000;
}

.ubluetext a:link, 
.ubluetext a:visited,
.ubluetext a:hover,
.ubluetext a:active {
   color: #006699 !important;
   text-decoration : underline !important;   
}

.blacktext {
 color: #000;
}

.redtext
{
 color: #F00 !important;
}

.redtext a:link, 
.redtext a:visited,
.redtext a:hover,
.redtext a:active {
    color: #F00 !important;
}

.greentext
{
    color: #008000;
}

.greentext a:link, 
.greentext a:visited,
.greentext a:hover,
.greentext a:active
{
    color: #008000 !important;
}

.graytext
{
    color: #666;
}

.graytext a:link, 
.graytext a:visited,
.graytext a:hover,
.graytext a:active {
    color: #666 !important;
}

.dgraytext
{
    color: #333333;
}

.trantext
{
    color: #333333;
    font-size: 90%;
}

.trantext a:link, 
.trantext a:visited,
.trantext a:hover,
.trantext a:active 
{
    color: #333333;
}

.lgraytext
{
    color: #AAA;
}
/*************** story styles ******************/

.lpad120
{
    margin-left: 120px;
    margin-right: 120px;
}

.clearonly
{
   clear: both;
}

.clearright
{
   clear: right;
}

.story
{
   border-top: 1px #cccccc solid;
   padding: 20px 20px 20px 20px;
}

.story h2{
    font: bold 125% Verdana, Arial, Helvetica, sans-serif;
    color: #006699;
}

.story h2 a{
    color: #006699;
}

.story h3{
    font: bold 114% Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}

.story h5{
    font: 90% Verdana, Arial, Helvetica, sans-serif;
    color: #006699;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

.story a.capsuleund{
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	display:block;
	padding-bottom: 5px;
	border-bottom: 1px solid #005FA9;
}

td.storyLeft{
	padding-right: 12px;
}


/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: 80%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


.tinytext
{
    font-size: xx-small;
}
/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited
{
    display: block;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #cccccc;
    background-image: url(images/bg_nav.jpg);
    font-weight: bold;
    padding: 3px 0px 3px 10px;
    color: #21536A;
    vertical-align: middle;
    width: 173px;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #000000;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}


/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a,.relatedLinks a:link,.relatedLinks a:visited{
	display: block;
	border-style: none;
	text-decoration: none; 
	color: #FFFFFF;
}

#FBLinks{
	padding: 10px;
	border-bottom: 1px solid #cccccc;
    text-align:center; 
}

.Glike{
	padding: 10px;
    text-align:center; 
}

/**************** composer styles *****************/

.composer {
	font-size: 110%;
	padding-top: 5px;
 	border-bottom: 1px solid #CCCCCC;
 	border-top: 1px solid #CCCCCC;
	padding-bottom: 5px;
}
	
.composer a, .composer a:link, .composer a:visited{
	color: #000000;
	text-decoration: none;
}

.composer a:hover{
	text-decoration: underline;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

fRight { 
    float: right; 
}

img.floatCenter { 
    text-align:center; 
    margin: 4px; 
}

img.inline { 
    vertical-align: middle;
    margin: 0px;
    padding: 0px; 
}

img.inline a {
	text-decoration: none;
}

/**************** title styles *****************/
.wtitle{
  line-height: 1.2em;
}

.worch{
   font: 95% Verdana, Arial, Helvetica, sans-serif;
   margin-top: 5px;
}

.wpub
{
    font: bold 110% Verdana, Arial, Helvetica, sans-serif;
    color: #006699;
    margin-top: 5px;
}

.wpub a, .wpub a:hover {
   color: #006699;
}

.ds {
	float:left;
	background: url(http://www.zinfonia.com/images/dropshadow.gif) no-repeat bottom right !important;
	background: url(http://www.zinfonia.com/images/dropshadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px;
 } 
 .ds img {
	display:block;
	position:relative;
	background-color:#FFFFFF;
	border: 1px solid #909090;
	margin: -5px 5px 5px -5px;
	padding:3px;
 }

.dsr {
	float:right;
	background: url(http://www.zinfonia.com/images/dropshadow.gif) no-repeat bottom right !important;
	background: url(http://www.zinfonia.com/images/dropshadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px;
 } 
 .dsr img {
	display:block;
	position:relative;
	background-color:#FFFFFF;
	border: 1px solid #909090;
	margin: -5px 5px 5px -5px;
	padding:3px;
 }


.pslinks {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	font-size: 11px;
	font-style: italic;
	padding: 10px 0px 10px 0px;
}

.psrlinks {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	font-size: 11px;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
}

.psrlinks a:link,.psrlinks a:visited{
	color: #006699;
}

.clickformore {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: italic;
   text-align: right;
}

.redclickformore {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:italic;
	color: #F00;
}

.clicklinkformore a, .clicklinkformore a:link, .clicklinkformore a:visited{
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #005FA9;
}

.boxlang {
   border-width: thin;
   border-style: solid;
   border-color: #A0A0A4;
   color: #FFFFFF;
   background-color: #333333;
   text-decoration: none;
   font: bold xx-small Courier, Courier New, Monospace;
   border-bottom-color: #484848;
   border-right-color: #484848;
   border-top-color: #C3C3C3;
   border-left-color: #C3C3C3;
   padding-left: 2px;
   padding-right: 1px;
   padding-top: 1px;
   padding-bottom: 1px;
}

.publogo {
	font-size: 11px;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
}
.publogo a:hover
{
    text-decoration: none;
	color: #006699;	
}

.extralink 
{
    font-size: 90%;
    line-height: 20px;
    padding-top: 0px;
    margin-top: 0px;
}

.greyunderline 
{
   border-bottom: 1px solid #cccccc;
}


.greythickmiddleline
{
    border-bottom: 1px solid #000000;
    line-height: 0.5em;
    margin-bottom: 0.5em;
    border-bottom-color: #cccccc;
    border-bottom-width: medium;
}

.greymiddleline 
{
   border-bottom: 1px solid #cccccc;
   line-height: 0.5em;
   margin-bottom: 0.5em;
}

/**************** list header styles *****************/
.wbox
{
    border: 1px solid #ccd2d2;
    padding: 10px;
    margin-right: 10px;
    font-size: 90%;
    color: #006699;
    font-weight: bold;
    display: block;
}

.nobox
{
    font-size: 90%;
    color: #006699;
    font-weight: bold;
    border-color: #006699;
}


.wboxbtn
{
   margin-top: 2px;
   margin-bottom: 2px;
   font-size: 90%;
   font-weight: bold;
}

.wboxinput {
  font-size: 100%;
}


/**************** list footer styles *****************/

.fsep {
   border-top: 1px #006699 solid;
   font-size : 50%;
   margin-top: 4px;
}

.fmainl {
	float: left;
	width: 50%;
	margin: 4px 0px 10px 0px;
}

.fmainr {
	color: #006699;
	float: right;
	width: 50%;
	text-align: right;
	margin: 4px 0px 10px 0px;
}


.fboxnor {
    position: relative;
	padding: 2px;
	color: #000000;
	border-width: thin;
	border-style: solid;
	border-color: #E8E8E8 #666666 #666666 #E8E8E8;
	background-color: #FFFFFF;
	text-decoration: none;
	margin-left: 2px;
	margin-right: 2px;
}

div.centered 
{
 text-align : center;
}
div.centered table 
{
  margin: 0 auto; 
  text-align: left;
}

.fboxnor:hover{
    border-color: #006699;
	text-decoration: none;
}

.fboxsel
{
   position: relative;
   color : #000000;
   padding: 2px;
   border-width: thin;
   border-style: solid;
	border-color: #E8E8E8 #666666 #666666 #E8E8E8;
   background-color: #C0C0C0;
   text-decoration: none;
   margin-left: 2px;
   margin-right: 2px;
}

.fboxsel:hover{
	text-decoration: none;
    border-color: #006699;
}

.fboxnosel
{
    position: relative;
	color: #E8E8E8;
	padding: 2px;
	border-width: thin;
	border-style: solid;
	border-color: #E8E8E8;
	background-color: #FFFFFF;
	text-decoration: none;
	margin-left: 2px;
	margin-right: 2px;
}

.fboxnosel:hover{
	text-decoration: none;
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-15px; 
    left: 5px;
	padding: 15px 0 0 0;
	width:200px;
	color: #006699;
	text-align:center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(bubblefl.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom
{
    display: block;
    padding: 3px 8px 10px;
    color: #006699;
    background: url(bubblefl.gif) no-repeat bottom;
}

/* ORDERS */
.qacnt
{
    border: 1px solid #ccd2d2;
    font-size: 140%;
    color: #FFFFFF;
    background: #FF9900;
    font-weight: bold;
    padding: 2px;
    text-align: center;
}
.qaerr
{
    font-size: 140%;
    color: #FFFFFF;
    background: #FF0000;
    font-weight: bold;
    text-align: center;
    padding: 10px 2px 10px 2px;
}

.qheader 
{
   padding: 10px 0px 3px 0px;
   font-weight:bold;
   border-bottom: 1px solid #cccccc;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(images/FilledStar.gif);

}

.savedRatingStar {
    background-image: url(images/SavedStar.gif);
}

.emptyRatingStar {
    background-image: url(images/EmptyStar.gif);
}

/*Modal Popup*/

.mpbgnd 
{
    background-color:Gray;
    filter:alpha(opacity=50);
    opacity:0.5;
}


/*Scroll Box*/
.scrollbox
{
    height: 400px;
    width: 600px;
    overflow: auto;
    border: 1px solid #006699;
    background-color: #FFFFFF;
    padding: 8px;
}

.noscrollbox
{
    width: 100%;
    max-width: 600px;
}

/*AutoComplete flyout */

.autocomplete_completionListElement
{
    margin: 0px !important;
    background-color: white;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: 100px;
    text-align: left;
    list-style-type: none;
    padding-left: 0px;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #FF9900;
	color: windowtext;
	padding : 1px;
	margin:1%;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : white;
	color : windowtext;
	padding : 1px;
	margin:1%;
}

/********************* GridView **********************/
.GridViewStyle
{
    font-family: Arial, Sans-Serif;
    font-size:small;
    table-layout: auto;
    border-collapse: collapse;
    border:#444 1px solid;
}
/*Header and Pager styles*/
.HeaderStyle, .PagerStyle
{
    background-image: url('images/HeaderBlue.jpg');
    background-position: center;
    background-repeat: repeat-x;
    background-color: #99CCFF;
}
.HeaderStyle th
{
    padding: 5px;
    color: #000000;
    font-weight: bold;
}
.HeaderStyle a
{
    text-decoration:none;
    color:#000000;
    display:block;
    text-align:left;
    font-weight:bold;
}
.PagerStyle table
{
    text-align:center;
    margin:auto;
}
.PagerStyle table td
{
    border:0px;
    padding:5px;
}
.PagerStyle td
{
    border-top: #1d1d1d 1px solid;
}
.PagerStyle a
{
    color:#000000;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-top:solid 1px #777777;
    border-right:solid 1px #333333;
    border-bottom:solid 1px #333333;
    border-left:solid 1px #777777;
}
.PagerStyle span
{
    font-weight:bold;
    color:#000000;
    text-decoration:none;
    padding:2px 10px 2px 10px;
}
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
    padding: 5px;
    border-right: solid 1px #1d1d1d;
}
.RowStyle td
{
    background-color: #FFCC99;
}
.AltRowStyle td
{
    background-color: #f0f0f0;
}
.SelectedRowStyle td
{
    background-color: #FF9900;
}

.chartdisp { 
  width: 700px;
  padding: 10px;
  margin: 0px auto 0px auto
} 

.gridFooter 
{
    padding-top : 5px;
    font-size: 90%;
    text-align:right;
}

.ztip 
{
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    font: 90% Verdana, Arial, Helvetica, sans-serif;
    position: relative; right: 1em; top: 1em; z-index: 99;
    margin-left: 0; width: 250px;
    padding: 0.5em 0.8em 0.8em 2em;
    background: #FFCC99; border: 1px solid #FF9933;
    float: right;
}
.ztip img 
{
    border: 0; margin: 0 0 0 -24px;
    float: left; position: absolute;
}
.ztip em 
{
    font: bold 100% Verdana, Arial, Helvetica, sans-serif;
    display: block; padding: 0.2em 0 0.6em 0;
}

/********************* end **********************/