/* 
Master stylesheet for bradfordsoftware.com
Created by Gene Cowan, Bradford Technologies, June-November 2008  
*/

/* Reset Baselines */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, pre,
a, abbr, acronym, address, cite, code, del, dfn, em, ins, kbd, q, samp,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, caption, tbody, tfoot, thead {

	margin:0;
	padding:0;
	outline:0;
	font-size:100%;
	/*vertical-align:baseline;*/
	background:transparent;
    text-align: left;

}

img, abbr, acronym, fieldset {border:0;}

ul {list-style:none;}

a {
	color: blue; /* 003399 8B223A */
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

table {
border-collapse:collapse;
border-spacing:0;
} 

/* .clear {clear:both;} */
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.float_left {float:left;}
.float_right {float:right;}






/* Now let's define our page parameters. */

body {
	line-height: 140%;
	font-family: Georgia, serif;
	font-size: 10pt;
	background: #eeeeee;
	margin-top: 10px;
}

#wrapper {
	width: 890px;
	border: 1px solid #ccc;
	background: white;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/* Home page layout */
#header {
	color: #333;
	width: 875px;
	float: left;
	padding: 0px;
	height: 120px;
	background-attachment: scroll;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

#toplogo {
	color: #333;
	width: 350px;
	height: 90px;
	float: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index: 999;
}

#topphone {
 color: #333;
 width: 325px;
 height: 90px;
 float: right;
 padding: 0px;
 margin: 0px 0px 0px 0px;
}

#topmenu {
	color: #333;
	width: 560px;
	float: right;
	text-align: right;
	height: auto;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#searchbox {
	color: #333;
	width: 325px;
	float: right;
	padding: 5px;
	height: 50px;
	text-align: right;
	clear: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#feature {
	color: #333;
	width: 834px;
	float: left;
	padding: 0px;
	border: 1px solid #ccc;
	height: 199px;
	margin: 0px 0px 5px 0px;
	clear: both;
	background-color: white;
	overflow: hidden;
	z-index: -9999;
	background-repeat: no-repeat;
}


#promo1 {
	color: #333;
	border: 0px solid #ccc;
	padding: 0px;
	height: 322px;
	width: 275px;
	float: left;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#promo2 {
	color: #333;
	border: 1px none #ccc;
	height: 310px;
	width: 531px;
	float: left;
	background-attachment: scroll;
	background-image: url(/images/pageart/bg-clickforms.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#promo3 {
	color: #333;
	border: 1px solid #ccc;
	padding: 10px;
	height: 370px;
	width: 251px;
	float: left;
	background-attachment: scroll;
	background-image: url(/images/pageart/bg-products.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	clear: left;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
}

#promo4 { 
 color: #333;
 border: 1px solid #ccc;
 margin: 0px 8px 8px 0px;
 padding: 10px;
 height: 370px;
 width: 251px;
 float: left;
 	background-attachment: scroll;
	background-image: url(/images/pageart/bg-services.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#promo5 { 
 color: #333;
 border: 1px solid #ccc;
 margin: 0px 8px 8px 0px;
 padding: 10px;
 height: 370px;
 width: 251px;
 float: left;
 background-attachment: scroll;
 background-image: url(/images/pageart/bg-support.png);
 background-repeat: no-repeat;
 background-position: right bottom;
}

#footer {
	width: 858px;
	clear: both;
	color: #333;
	border: 1px solid #ccc;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	line-height: 100%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #E5E5E5;
	text-align: center;
}

#footer a {
	color: #000;
	font-size: 80%;
	text-decoration: none;
}

#footer a:hover {
	color: #000;
	text-decoration: underline;
}

.footer-column {
	width: 180px;
	float: left;
	font-family: "Arial Narrow";
	font-size: 8pt;
	margin-right: 5px;
}



/* Internal page blocks */

#content {
	height: auto;
	width: 630px;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top-width: 11px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
}

.leftbox {
	color: #333;
	/* border: 1px solid #ccc; */
	padding: 10px;
	height: auto;
	width: 284px;
	float: left;
	background-image: none;
	clear: both;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.rightbox {
	color: #333;
	/* border: 1px solid #ccc;  */
	padding: 10px;
	height: auto;
	width: 284px;
	float: right;
	background-image: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.fullbox {
	color: #333;
	border: 1px solid #ccc; 
	height: auto;
	width: 617px;
	float: left;
	clear: both;
	background-image: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: -5px;
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 10px;
	padding-left: 10px;
	}

/* This is the right floating box containing links to buy, download, or get info */
.linkbox {
	color: #333333;
	height: auto;
	width: 150px;
	margin-left: 10px;
	float: right;
	}



#sidebar {
	height: auto;
	width: 193px;
	float: right;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 5px;
	margin-left: 5px;
	}	

.sidebar-menu {
	width: 193px;
	color: #666;
	border: 1px solid #ccc;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 0px;
	padding-top: 55px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px; 
	background-color: white;
	}

.sidebar-ad {
	width: 198px;
	height: 105px;
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-left: 5px;
	}



/* Text Styles */

.copyright {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.menu {
	font-size: 11pt;
	font-family: Helvetica, Arial, sans-serif;
	color: #666;
	line-height: 100%;
	}
	
h1 {
	font-family: Bradford, Helvetica, Arial;
	font-size: 28px;
	font-weight: bold;
	color: #97233F;
	line-height: 110%;
	padding-bottom: 5px;
	}

h2 {
	font-family: Bradford, Helvetica, Arial;
	font-size: 22px;
	font-weight: normal;
	color: #97233F;
	line-height: 120%;
	padding-bottom: 5px;
	}

h3 {
	font-size: 20px;
	font-family: Bradford, Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: 120%;
	padding-bottom: 5px;
	}

h4, .headline {
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 110%;
	padding-bottom: 2px;
	}

h5 {
	font-size: 14px;
	font-family: Bradford, Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 140%;
	padding-bottom: 2px;
	}

#content, #content p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11pt;
	font-weight: normal;
	color: #333;
	line-height: 140%;
	}

#content ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11pt;
	color: #333;
	list-style-position: outside;
	list-style-type: square;
	margin-left: 20px;
	line-height: 140%;
	}
	
#content ol {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11pt;
	color: #333;
	list-style-position: outside;
	margin-left: 20px;
	line-height: 140%;
	}

#content li {
	padding-bottom: 5px;
	padding-top: 5px;
	}


.sidebar-menu ul {
	margin-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	color: #333333;
	}

.sidebar-menu li {
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	color: #333333;
	}

.sidebar-menu a {
	display:block;
	color: #333333;
	text-decoration: none;
	}

.sidebar-menu a:hover {
	display:block;
	background-color: #993333;
	color: #FFFFFF;
	}

small {
	font-family: Verdana, sans-serif;
	font-size: 8pt;
	line-height: 110%;
	}


/* Button Styles */

a.pushbutton {
	background: transparent url('/images/buttons/bg_button_a.png') no-repeat scroll top right;
	color: #333;
	display: block;
	float: left;
	font: bold 10pt helvetica, arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}

a.pushbutton span {
    background: transparent url('/images/buttons/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.pushbutton:active {
	background-position: bottom right;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
}

a.pushbutton:active span {
    background-position: bottom left;
    padding: 5px 0 5px 18px; 
}



/* Shadows around images -- called by the shadow.js javascript */
/*shadows*/

div.shadow {
  padding: 0 1px;
  background: #bfbfbf;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  position: relative;
}

div.shadow img { background-image: url(/images/misc/shad_bottom.png); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; padding: 0 1px 4px 0;
}

div.shadow img.nomatte { background-image: url(/images/misc/shad_bottom.png); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; padding: 0 0 4px;
}

div.shadow div.topleft { background-image: url(/images/misc/shad_tlcorner.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 2px; height: 4px; position: absolute; top: 0; left: -1px; }

div.shadow div.topright {
  width: 2px;
  height: 4px;
  background: url(/images/misc/shad_trcorner.png) no-repeat top right;
  position: absolute;
  top: 0px;
  right: -1px;
}

div.shadow div.bottomleft {
  width: 4px;
  height: 4px;
  background: url(/images/misc/shad_blcorner.png) no-repeat bottom left;
  position: absolute;
  bottom: 0px;
  left: -1px;
}

div.shadow div.bottomright { background-image: url(/images/misc/shad_brcorner.png); background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; width: 4px; height: 4px; position: absolute; bottom: 0; right: -1px; }


/* SIFR Font Replacement styles for headlines 
/* These are standard sIFR styles... do not modify  

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles 

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -11px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #97233F;
	line-height: 100%;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #97233F;
	line-height: 100%;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 12pt;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #333333;
	line-height: 100%;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	font-size: 12pt;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #333333;
	line-height: 100%;
}

.sIFR-hasFlash h5 {
	visibility: hidden;
	font-size: 11pt;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #333333;
}

.sIFR-hasFlash .headline {
	visibility: hidden;
	font-size: 11pt;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #333333;
}


*/




 .clear { float: left; width: 1px; }


/* Accordion sidebar menus */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	overflow: hidden;
/*	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 120%;
	color: #333333;
	border: 1px solid #ccc;
	height: auto;
	width: 193px;
	float: left;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 55px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px; */
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	border-top: none;
	border-bottom: none;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	line-height: 140%;
	color: #333333;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	height: 80px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	line-height: 140%;
	color: #333333;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: black;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: black;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #ffffff;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #c0c0c0;
}

.AccordionPanelContent ul {
	padding-left: 6px;
}
.AccordionPanelContent li {
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	line-height: 140%;
	color: #333333;
	list-style-position: inside;
}
.AccordionPanelContent a {
	display:block;
	color: #333333;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	line-height: 140%;
}
.AccordionPanelContent a:hover {
	display:block;
	background-color: #993333;
	color: #FFFFFF;
}


/* FORMS */

input[type='text'],
input[type='password'],
input[type='file'],
input[type='search'],
textarea
{
  padding: 2px;
  border: solid 1px #999;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  color: #333;
  background: #f3f3f3 url('/images/misc/bg-forms.png') left top repeat-x;
}






/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: March 26, 2009
Version: 1.0
*/

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
	background: url(/images/slider/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
	top: 0;
	z-index: 999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.tab ul.login {
	display: block;
	position: relative;
	float: right;
	clear: right;
	height: 42px;
	width: auto;
	font-weight: bold;
	line-height: 42px;
	right: 40%;
	color: white;
	font-size: 90%;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.tab ul.login li.left {
  	background: url(/images/slider/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(/images/slider/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(/images/slider/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: white;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 160px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(/images/slider/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(/images/slider/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(/images/slider/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(/images/slider/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;
    top: 0;
	left: 0;
    width: 100%;
    z-index: 99999;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
}

#panel {
	width: 100%;
	height: 150px;
	color: #FFFFFF; 
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
	background-color: #3988b6; url(/images/slider/tab_bg.png) repeat-x 0 0;
	background-repeat: repeat;
}

#panel h1 {
	font-size: 24px;
	margin: 0;
	color: white;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

#panel h2{
	font-size: 14px;
	margin: 0;
	color: white;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: white;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 850px;
	padding-top: 10px;
	text-align: left;
	font-size: 14px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#panel .content .left {
	width: 180px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right {
	border-right: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}






/* Style for FAQ accordion */

.faqaccordion {
	width: 560px;
	border-bottom: solid 1px #c4c4c4;
	font-size: 10pt;
}
.faqaccordion h4 {
	background: #e9e7e7 url(/images/misc/arrow-square.gif) no-repeat right -51px;
	margin: 0;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	line-height: 120%;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 10px;
}
.faqaccordion h4:hover {
	background-color: #e3e2e2;
}
.faqaccordion h4.active {
	background-position: right 5px;
}
.faqaccordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	font-size: 10pt;
}


.iphone-show {
	display: none !important;
}

/* ADDED By ARKADI PASTERNAK on 5-19-2010 */
/* FOR /support/downloads_cf.asp */

#content .new_download_style ul {
	list-style-type: none !important;
}

#content .new_download_style li {
	font-size: 10pt;
	padding-bottom: 10px;
	padding-top: 0;
}

#content .new_download_style p {
	margin-bottom: 0;
	margin-top: 10px;
}