/* @override 
	http://10.0.1.198/main.css
	http://localhost/main.css
*/

/* @group General */

p {
   margin-top: 0.5em;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0.5em;
}

ul {
   margin-top: 1em;
   margin-bottom: 1em;
}

a:link {
   color: #375682;
}

a:visited {
   color: #375682;
}

a:hover {
   color: #578cd3;
}

h3 {
   font-size: 10pt;
}

h1 {
   padding-left: 0px;
}

body {
   margin: 0;
   padding: 0;
   background: url(/images/background.png) repeat scroll;
   font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
   color: #000;
}

pre {
   font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
}

/* @end */

/* @group page */

.pagebodyouter {
   text-align: center;
   font-size: 9pt;
   margin: 0 auto;
}

.pagebodyinner {
   text-align: left;
   margin: 0 auto;
   width: 960px;
}

.pagebanner {
   margin: 0 0 0 0;
   padding: 0;
   float: left;
}

.pageversionbadgeouter {
  float: left;
   margin: -100px 0 0 600px;
   padding: 0 0 0 0;
   border: 0;
}

.pageversionbadge {
  border:none; 
  width:100px; 
  height:100px;
}

.pageindiereliefbadgeouter {
  float: left;
   margin: -54px 0 0 28px;
   padding: 0 0 0 0;
   border: 0;
}

.pageindiereliefbadge {
  border:none; 
  width:250px; 
  height:52px;
}

/* @end */

/* @group Kagi */

.rubitrackstoreseparator {
	clear: left;
	height: 0;
	visibility: hidden;
}

.sidebar table {
   background: transparent;
   padding: 0;
}

.sidebar table tr {
   background: transparent;
   padding: 0;
   margin: 0;
}

.main_text strong {
   color: #000;
   font-size: 9pt;
   font-weight: normal;
}

.sidebar table tr td {
   background: transparent;
   padding: 0;
   margin: 0;
   color: #000;
}

.sidebar table tr td h1 {
   font-size: 9pt;
   margin: 0;
   padding: 0;
   display: none;
}

.sidebar table tr td form {
   margin: 0;
   padding: 0;
}

.sidebar table tr td.topMenuBG img {
   display: none;
}

/* hide BR because they dont work in our layout */

div.content > br {
   display: none;
}

/* fixing the View Chart item location */

div.content > div > a {
   border: 1px #ddd solid;
   margin-top: 25px;
   padding: 4px;
   background-color: #fff;
   float: right;
}

/* fixing the image and make it a little smaller */

div.content > div > a > img {
   border-right-width: 6px;
   border-right-color: #fff;
   width: 20px;
   height: 16px;
}

/* adding a margin to the order page */

div.content > table {
   margin: 25px 0;
}

/* adding a margin to the order page */

table.order_content {
   margin: 25px 0;
}

/* fixing the BR they insert */

table.kagiptbl ~ br {
   display: none;
}

/* fixing the image and make it a little smaller */

table.kagiptbl {
   background-color: transparent;
   text-align: left;
}

td.kagiptblimg {
   background-color: transparent;
}

td.kagiptblname {
   background-color: transparent;
}

td.kagiptblprice {
   background-color: transparent;
}

td.kagiptblquantity {
   background-color: transparent;
}

td.kagiptblbutton {
   background-color: transparent;
}

p.kagifooter {
   margin-top: 20px;
   padding: 5px 0;
}

ul.kagifooter {
   list-style: square;
}

ul.kagifooter li {
   
}

p.kagicontinue {
   
}

p.kagicontinue input {
   
}

/* @end */

/* @group Content */

.contentouter {
   background: url(/images/content-middle.png) repeat-y;
   margin: 0;
   padding: 0;
   clear: both;
}

.contentinner {
   background: url(/images/content-top.png) no-repeat;
   margin: 0;
   padding: 0;
}

.contentwrap {
   margin: 0;
   padding: 0;
   width: 730px;
}

.contentwrap:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.content {
   font-size: 9pt;
   line-height: 150%;
   padding: 10px 10px 10px 30px;
}

.contentfooter {
   background: url(/images/content-bottom.png) no-repeat;
   height: 25px;
   clear: both;
}

.content h1 {
   font-size: 14pt;
   color: #333;
   margin: 0 0 15px 0;
   padding: 15px 5px 5px 0;
   opacity: 1;
   letter-spacing: 0.1em;
   word-spacing: 0.1em;
   font-weight: normal;
   font-style: normal;
   clear: left;
}

.content h2 {
   font-size: 14pt;
   color: #333;
   margin: 25px 0 15px 0;
   padding: 5px 5px 5px 0;
   opacity: 1;
   letter-spacing: 0.1em;
   word-spacing: 0.1em;
   font-weight: normal;
   font-style: normal;
}

h2.faq {
   font-size: 14pt;
   color: #333;
   margin: 40px 0 15px 0;
   padding: 15px 5px 5px 0;
   opacity: 1;
   letter-spacing: 0.1em;
   word-spacing: 0.1em;
   font-weight: normal;
   font-style: normal;
   border-top: #ccc dashed 1px;
}

.content h4 {
   font-size: 11pt;
   color: #333;
   margin: 20px 0 10px 0;
   letter-spacing: 0.23em;
   word-spacing: 0.2em;
   font-weight: normal;
   font-style: normal;
}



div.content .imagefloat {
   float: right;
   margin-left: 10px;
}

/* @end */

/* @group Sidebar */

form {
   background: transparent;
}

.sidebarwrap {
   background: url(/images/content-middle.png) repeat-y -740px 0;
   float: right;
   width: 220px;
   margin: 0;
}

.sidebar {
   background: url(/images/content-top.png) no-repeat -740px 0;
   width: 220px;
   margin: 0;
}

.sidebarbox {
   font-size: 8pt;
   padding: 10px 16px 10px 10px;
   text-align: left;
}

.sidebarboxcentered {
   font-size: 8pt;
   padding: 10px 16px 10px 10px;
   text-align: center;
}

.sidebarboxcenteredimage {
   padding: 3px 3px 3px 3px;
   margin: 0;
   border: 1px #000 solid;
   background-color: #444;
}

a:hover > .sidebarboxcenteredimage {
   border: 1px #aaa solid;
   background-color: #ccc;
}


.sidebarboxodd {
   font-size: 8pt;
   margin-right: 6px;
   padding: 10px 10px 10px 10px;
   background: url(/images/sidebar-darken.png) repeat-y;
   border-top: 1px #b5b7b1 solid;
   border-bottom: 1px #b5b7b1 solid;
}

.sidebarheaderimage {
   border: 0;
   padding: 0;
   margin: 0;
   text-align: center;
}

.sidebarbadge {
   border: 0;
   float: right;
   position: relative;
   margin-top: -40px;
   margin-right: -30px;
}

.sidebarbadgedownload {
   border: 0;
   float: right;
   position: relative;
   margin-top: -35px;
   margin-right: -24px;
}

.sidebarbadgenooutset {
   border: 0px;
   float: right;
   position: relative;
   margin-top: -18px;
   margin-right: -8px;
}

.sidebarbadgenooutsetoroffset {
   border: 0px;
   float: right;
   position: relative;
   margin-top: -12px;
   margin-right: -8px;
}


.sidebarimage {
   border: 0;
   text-align: center;
   margin: 0 0 0 3px;
   padding: 0;
}

.sidebarimagefloat {
   float: left;
   margin-right: 6px;
}

.sidebarsection {
   display: none;
}

.sidebar p {
   margin: 1em 0 1em 0;
}

a.sidebarlink {
   font-weight: bold;
   color: #444;
   text-shadow: #fff 0 1px 0;
}

a.sidebarlinknormal {
   color: #444;
   text-shadow: #fff 0 1px 0;
}

a.sidebarlink:hover {
   font-weight: bold;
   color: #444;
   text-shadow: #fff 0 1px 0;
}

a.sidebarlink:visited {
   font-weight: bold;
   color: #444;
   text-shadow: #fff 0 1px 0;
}

a.sidebarlinksmall {
   font-size: 7pt;
   color: #444;
   text-shadow: #fff 0 1px 0;
}

a.sidebarlinksmall:hover {
   font-size: 7pt;
   color: #444;
   text-shadow: #fff 0 1px 0;
}

a.sidebarlinksmall:visited {
   font-size: 7pt;
   color: #444;
   text-shadow: #fff 0 1px 0;
}

.psidebarbiglink {
   text-align: center;
}

a.sidebarbiglink {
   font-weight: bold;
   font-size: 12pt;
}

a.sidebarbiglink:hover {
   font-weight: bold;
   font-size: 12pt;
}

a.sidebarbiglink:visited {
   font-weight: bold;
   font-size: 12pt;
}

a.sidebarmediumlink {
   font-weight: bold;
   font-size: 10pt;
}

a.sidebarmediumlink:hover {
   font-weight: bold;
   font-size: 10pt;
}

a.sidebarmediumlink:visited {
   font-weight: bold;
   font-size: 10pt;
}


.iusethis {
   margin: 0 0 0 15px;
}

.sidebarseparator {
    clear: both;
    margin: 30px 30px 0 30px;
    border-bottom:1px #CCC solid;
    border-left:none;
    border-right:none;
    border-top:none;
}

/* @end */

/* @group Screen shots */

.screenshots {
}

.screenshot {
   border: 0;
}

.screenshotimage {
   margin: 0 5px 5px 0;
   padding: 3px 3px 3px 3px;
   border: 1px #000 solid;
   background-color: #444;
}

a:hover > .screenshotimage {
   border: 1px #aaa solid;
   background-color: #ccc;
}

.floatingimage {
   float: right;
   margin-left: 6px;
   margin-top: -20px;
   padding: 2px 3px 3px 3px;
}

.floatingimagenopos {
   float: right;
   margin-left: 6px;
   padding: 2px 3px 3px 3px;
}

/* @end */

/* @group Navigation */

.navigation {
   margin: 0 0 -10px 0;
   padding: 0 0 0 30px;
   height: 40px;
   line-height: 40px;
   background: url(/images/navigation.png) no-repeat;
   color: #fff;
}

.navlang {
   margin: 0 20px 0 20px;
   padding: 0;
   float: right;
   font-size: 8pt;
}

.navlinks {
   margin: 0;
   padding: 0;
   float: none;
   font-size: 10pt;
}

.navlinkseparator {
   padding: 0 4px 0 4px;
}

a.navlanglink {
   font-weight: bold;
   text-decoration: none;
   color: #fff;
}

a:visited.navlanglink {
   font-weight: bold;
   text-decoration: none;
   color: #fff;
}

a:hover.navlanglink {
   font-weight: bold;
   text-decoration: none;
   color: #ccc;
}

a.navigationlink {
   font-weight: bold;
   text-decoration: none;
   color: #fff;
}

a:visited.navigationlink {
   font-weight: bold;
   text-decoration: none;
   color: #fff;
}

a:hover.navigationlink {
   font-weight: bold;
   text-decoration: none;
   color: #ccc;
}

.navlangimg {
   border: none;
   vertical-align: -1px;
}

/* @end */

/* @group language */

.langwrapperouter {
   float: right;
   margin: -185px 0 0 0;
   padding: 0 0 0 12px;
   border: 0;
   background: url(/images/language-menu-left.png) no-repeat bottom left;
   font-size: 8pt;
   font-weight: bold;
   white-space: nowrap;
}

.langwrapperinner {
/*   border: 1px #BBB solid; */
   margin: 0;
   padding: 10px 12px 10px 0;
   border: 0;
   background: url(/images/language-menu-right.png) no-repeat bottom right;
}

.langselector {
   margin: 0 0 0 0;
   padding: 0;
   line-height: 150%;
}

a.langlink {
   text-decoration: none;
   color: #222;
}

a:visited.langlink {
   text-decoration: none;
   color: #222;
}

a:hover.langlink {
   text-decoration: none;
   color: #333;
   text-shadow: #fff 0 1px 0;
}

a.langlinkactive {
   text-decoration: none;
   color: #222;
   text-shadow: #fff 0 1px 0;
}

a:visited.langlinkactive {
   text-decoration: none;
   color: #222;
   text-shadow: #fff 0 1px 0;
}

a:hover.langlinkactive {
   text-decoration: none;
   color: #222;
   text-shadow: #fff 0 1px 0;
}

.langimage {
   border: none;
   vertical-align: -1px;
}


/* @end */



/* @group Tabs */

.tabs {
	margin: 0px 0px 0px 25px;
	background: transparent;
	padding: 0px 0px 0px 0px;
    font-size: 10pt;
    text-shadow: #fff 0 1px 0;
    font-weight: bold;
}

.tabouter {
   background: url(/images/tab-normal-left.png) no-repeat left bottom;
   padding: 0px 0px 0px 0px;
   margin: 5px 0px;
   float: left;
   list-style: none;
}

.tabinner {
   background: url(/images/tab-normal-right.png) no-repeat right bottom;
   margin: 0px 0px 0px 20px;
   padding: 6px 20px 12px 0px;
   display: block;
}

.tabouterhighlight {
   background: url(/images/tab-highlight-left.png) no-repeat left bottom;
   padding: 0px 0px 0px 0px;
   margin: 5px 0px;
   float: left;
   list-style: none;
}

.tabinnerhighlight {
   background: url(/images/tab-highlight-right.png) no-repeat right bottom;
   margin: 0px 0px 0px 20px;
   padding: 6px 20px 12px 0px;
   display: block;
}

.tabouterselected {
   background: url(/images/tab-selected-left.png) no-repeat left bottom;
   padding: 0px 0px 0px 0px;
   margin: 5px 0px;
   float: left;
   list-style: none;
}

.tabinnerselected {
   background: url(/images/tab-selected-right.png) no-repeat right bottom;
   margin: 0px 0px 0px 20px;
   padding: 6px 20px 12px 0px;
   color: #222;
   display: block;
}

a.tabinner {
   text-decoration: none;
   color: #222;
}

a:visited.tabinner {
   text-decoration: none;
   color: #222;
}

a:hover.tabinner {
   text-decoration: none;
   color: #222;
}

a.tabinnerhighlight {
   text-decoration: none;
   color: #444;
}

a:visited.tabinnerhighlight {
   text-decoration: none;
   color: #444;
}

a:hover.tabinnerhighlight {
   text-decoration: none;
   color: #444;
}

/* @end */

/* @group Footer */

.bodyfooter {
/*   background: url(/images/pagefooter.png) no-repeat;
   height: 70px;*/
   width: 960px;
   vertical-align: middle;
   padding: 0;
   margin-bottom: 20px;
   text-shadow: #fff 0 1px 0;
   color: #444;
}

.footertextcopy {
   font-size: 9pt;
   font-weight: bold;
   text-align: center;
   vertical-align: middle;
   line-height: 30px;
   padding: 3px 20px 0px 20px;
}

.footertextcopy a {
   color: #444;
}

.footertextcopy a:visited {
   color: #444;
}

.footertextcopy a:hover {
   color: #888;
}

.footertextmark {
   font-size: 8pt;
   text-align: center;
   vertical-align: middle;
   padding: 0px 20px 0px 20px;
}

.footerlanguages {
   font-size: 8pt;
   text-align: center;
   vertical-align: middle;
   padding: 10px 20px 0px 20px;
}

.footerlanguages a {
   color: #444;
}

.footerlanguages a:visited {
   color: #444;
}

.footerlanguages a:hover {
   color: #888;
}

/* @end */