/**********************
   colors used 
   
   * #000000 (black) - background
   * #ffffff (white) - text
   * #eeeeee (off white) - text
   * #c2c2c2 (gray)  - nav menu current selection, 'highlighted' text
   * #ff0000 (red)   - active link / hover
   * #28a046 (green) - standard link
   * #424242         - 'Product' class text color (homepage)
       
 **********************/

/* RECONYX WEB STYLE */

@media print {
    #pageBody,
    #pageContent {
        padding : 0;
    }

    #pageHeader,
    #pageNavigation,
    #pageLogin,
    #footer-nav,
    #printButton,
    .text-footer-copyright,
    #pageFooter
    {
      display:none;
    }
    
}

@media screen {
    body {
    	margin: 10px auto;
    }
    #pageContent {
          }
    #pageFooter,
    .row {
        margin: 0 auto;
    }
    #pageLogin {
        font-size:.9em;
        float:right;
        margin:-4px 24px 0 0;
        vertical-align:top;
        max-width:400px;
    }
    #pageUser
    {
      vertical-align:top;
      display:inline;
      float:left;
    }
      body>div#pageHeader{
   position: fixed;
  }

}

/* STRUCTURE */

input.btn, a.btn {
	border : 1px solid #808080;
	color : #c2c2c2 !important;
	background-color : #404040;
  font-weight : bold;
  padding : 4px;
	width : auto;
	height : auto;
	margin: 2px;
}
input.btn:hover {
	border : 1px solid #4c4c4c;
	color : #ffffff;
	background-color : #808080;
}
input.addressOther{
  height:40px;
}

.row {
    /*width : 755px;*/
  width : 960px;
	clear: both;
	display: block;
  margin : 0 auto auto auto;
}

#pageHeader {
	background-image: url('/includes/assets/nav_smoke.png');
  background-position:bottom;
	background-repeat:no-repeat;
  height:112px;
  width:100%;
}

#pageNavigation {
  margin-top:2px;
  position:relative;
  float:left;
  width:700px;
  z-index:100;
}

#pageBody {
  width: 100%; 
	vertical-align: top;
	text-align: center;
	padding-top:4px;
}

#pageHeaderDiv
{
	height: 15px;
	width: 100%;
  background-image: url('/includes/assets/top_border.jpg');
	background-repeat: repeat-x;
}
body
{
  background-attachment: scroll;
	background-color: #000;
	margin: 0px;
	padding: 0px;
}
#flashContent {
  width: 100%; 
	height: 280px;
	background: #000;
	margin: 0;
}

#pageContent {
	margin: 0 auto;
/*	display: table; */

    width: 100%; 
	text-align: left;
/*	display: table-cell; */
/*	float: left; */
	vertical-align: top;
}
#pageFooter {
    width: 100%; 
	text-align: left;
	display: table;
}

#footerAddress {
	float : left;
}

#footerPhone {
	float: right;
}

/* FORMATTING */	

html {
	background-color: #000;
	color: #EEE;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

h1 {
	font-size : 21px;
	font-weight : 100;
}

h2 {
    font-size : 18px;
    font-weight : 100;
    font-style : italic;
    margin-bottom : -10px;
}

h2.distributorRegion
{
    margin:0 0 0 8px;
    padding:50px 0 0 0;
}
hr.distributor
{
    padding:0;
    margin:0;
}

h3 {
    font-size : 15px;
    font-weight : bold;
    margin-bottom : -10px;
}

p, ul {
}

/* navigation menu */
#pageNavigation a.navItemActive {
	text-decoration : none; 
    color : #4AC76B !important;
}

a.navItem, a.navItem:visited {
    color : #ffffff !important;
	text-decoration : none; 
}

a.navItem:active, a.navItem:hover {
    color : #3EAB58 !important;
}

a.bookmark, a.bookmark:visited, a.bookmark:active, a.bookmark:hover {
    color : #ffffff !important;
	text-decoration : none; 
}

/* standard content links */
a, a:visited {
    color : #28a046 !important;
}


a.subtle
{
  text-decoration:none;
}

a:active, a:hover, a.subtle:hover {
  color : #ff0000 !important;
  text-decoration:underline;
}



.button {
	font-size : 15px;	
}

.hangingIndent {
	text-indent:-45px;
	margin-left:45px;
}

.textButton {
	border : 0px; 
 	color : #28a046; 
	font-weight : bold; 
	padding : 5px;
}
.textButton:hover {
	border : 1px solid #4c4c4c;
	color : #ffffff;
	background-color : #808080;
}

.mainTitle {
	margin-bottom : 15px;
}

#pageNavigation a {
    margin : 0 3px;
    font-family: Geneva, Tahoma,sans-serif;
    font-size:16px;
	/*font-variant : small-caps;*/ 
}

.product {
	font-size : 14px;
	background-color : inherit;
	color : #424242;
    text-align : center;
}

#flashContent img {
    margin : 0;
    padding : 0;
}

.goLeft {
	float: left;
}

.goRight {
	float: right;
}

.goMiddle {
	margin: 0 auto;
}

.ig {
    display:inline;
    margin-bottom:10px;
    margin-right:8px;
    text-align:center;
    height : 160px;
}

.highlight {
	color : #c2c2c2;
	background-color : inherit;
	font-weight: bold;
}


.mathewsDistributor {
	color : #EDDA74;
	background-color : inherit;
	font-weight: inherit;
}

/* surpress all former content for silent-image.com domain */
.silentimage {
    display : none;
}

/* superscript */
.sup {
    font-size: 70%;
    vertical-align: super;
}

.error {
    color : #ffff33;
    font-weight : bold;
}
.warning {
    color : #ffff33;
}

/* -------------------- In-page Graphics -------------------- */
img.border {
/*	border: 1px solid rgb(63,95,58); */
}
a img {
    border: 0;
}

.imageComboRight {
	float: right;
	margin: 0 0 0 0;
	clear: right;
}
.image-right {
	float: right;
	margin: 0 0 8px 8px;
	clear: right;
}
.image-left {
	float: left;
	margin: 0 8px 8px 0;
	clear: left;
}

/* -------------------- Lists -------------------- */
ul.bulletItem, ul.bulletItemSS, ul.bulletItemSSmall {
	border : 0;
	margin : 0 0 0 40px;
	padding : 0;
	list-style-position: outside;
}

ul.bulletItem {
	margin-bottom : 5px;
}

.bulletItem li, .bulletItemSS li, ul.bulletItemSSmall {
	list-style-position : outside;
	list-style-type : disc;
	padding-bottom : 15px;
	padding-left : 5px;
	font-size: 16px;
	line-height : 20px;
}

.bulletItemSS li {
	padding-bottom : 0;
	line-height : 20px;
}

.bulletItemSSmall li {
	font-size : 10pt;
	line-height : 15px;
}
.icoStatus
{
    border : 0;
    height : 16px;
    width : 16px; 
    vertical-align:middle;  
    margin:2px;
}

table.simple {
  border-collapse: separate;
  border-spacing: 10px;
  empty-cells: show;
	table-layout: auto;
	width : auto;
	margin-bottom : 10px;
	margin-left : auto;
	margin-right : auto;
	background-color : #101010;
}
table.simple tfoot td {
	padding : 10px;
	text-align: center;
}
table.partners
{
  width: 100%; 
  height: auto;
}
td.partnerImage
{
  text-align:center;
  width:300px;
}
td.partnerImage img
{
  max-width:300px;
}
table.detailtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
        margin-bottom: 25px;
}
table.detailtable th {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #808080;
	background-color: #404040;
	color:#EEEEEE;
}
table.detailtable td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #666666;
	background-color: #000000;
}
table.detailtable, table.noBorder td, td.noBorder
{
  border:none;
}
.ticketAttachment
{
  background: url("http://reconyxsupport/images/icons/attachment.png") no-repeat scroll left center transparent;
  padding-left:20px;
  margin-left:8px;
}
.partnerDescription
{
  vertical-align:top;
  padding:20px 0 20px 0;
}
.partnerTitle
{
  font-size:16pt;
  font-weight:bold;
  display:block;
  margin-bottom:10px;
}


.partnerLogo
	{
  /*
  *  The first length is the horizontal offset of the shadow. A positive value draws a shadow that is offset to the right of the box, a negative length to the left.
  * The second length is the vertical offset. A positive value offsets the shadow down, a negative one up.
  * The third length is a blur distance. Negative values are not allowed. If the blur value is zero, the shadow's edge is sharp. Otherwise, the larger the value, the more the shadow's edge is blurred. See below.
  * The fourth length is a spread distance. Positive values cause the shadow shape to expand in all directions by the specified radius. Negative values cause the shadow shape to contract. See below. Note that for inner shadows, expanding the shadow (creating more shadow area) means contracting the shadow's perimeter shape.
  * The color is the color of the shadow.
  * The �inset� keyword, if present, changes the drop shadow from an outer shadow (one that shadows the box onto the canvas, as if it were lifted above the canvas) to an inner shadow (one that shadows the canvas onto the box, as if the box were cut out of the canvas and shifted behind it). 
  */    
  /* for Firefox */
  -moz-box-shadow: 0px 0px 9px 3px gray;
  /* for Chrome */
  -webkit-box-shadow: 0px 0px 9px 3px gray;
  /* defacto ? */
  box-shadow: 0px 0px 9px 3px gray;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='gray')";   
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='gray');
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  }
  
.warning
{
  color:#FFE97F
}  
a.faq
{
  font-size:2em;
  margin:4px 0;
  padding:4px 0;
  color:orange;
}

label.validationError
{
    color:#FF0000;
}                                         

div.bestUseBox
{
    background-color: #ABABAB;
    border: 2px solid #FFE066;
    color: #000000;
    font-weight: bold;
    margin: 0 auto 10px;
    padding: 5px;
}