/* Style stuff */

#main { 
width:1066px;
margin:0 auto;
min-height:300px; 
    }

#header {height:150px;}

#drawBackground {
background:url(images/bg.png) top left no-repeat;
position: absolute; height:512px; width:512px;
z-index: -2; margin-top: 109px;
}

#footer { height:77px;}

.column1, .column2, .column3, .indent_column, .col1, .col2, .col3, .ind_col {float:left;}


/* Style stuff */



* {
	margin:0; padding:0;
}

body{
	background:#384751 url(images/header_tall.gif) top repeat-x;
}

html, input, textarea
{
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size:0.75em;
	line-height:1.417em;
	color:#EEE;
	//color:#7ea3b7; //638090 // FFFFFF
}

tr.d0 td {
	background-color: #232D33;
}
tr.d1 td {
	margin-left:30px;
	background-color: #384751;
}
tr.header td {
	text-align:center;
}

table.debugging {
	margin: 4px;
	padding: 4px;
}

table.debugging td {
	padding: 4px;
}

table.featureList {
	margin: 4px;
	border-spacing:3px;
}

table.featureList td {
	padding: 4px;
}

table.featureList td.subItem{

}


img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

.bulleted 
{
	text-align:center;
	font-size:150%
}

.bulletNotBig 
{
	text-align:center;
}

.whiteText {
	line-height:1.417em;
	color:#EEE;
	font-size:100%;
	font-weight:normal;
}


	
.store
{
	font-size:1.4em;
	line-height:1.8em;
	color:#7ea3b7; //638090
}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#63C4FA;}
a:hover{text-decoration:none;}
p {padding:8px 0 8px 0;}

.indentedP {padding-left: 25px; padding-bottom: 5px;}

.popupPanel{
	width:250px;

	padding: 13px 0px 0px 0px;

	border: none;

/*
	border: 1px solid  #384751;
	border-collapse: separate;
*/
	left: 0px;
	overflow: hidden;
	padding: 10px;
	position: relative;
	z-index: 16;
	background-color: #232D33);

	position: relative;
	display: none;
}

.indent {
	padding-left: 1em;
}

/* ============================= main layout ====================== */


.more {background:url(images/more_bg.gif) no-repeat 0 6px; padding-left:13px; color:#8aa5ba;}

h1 {background:url(images/logo3.png) top left no-repeat; text-indent:-10000px; height:60px; line-height:1.25em; font-size:0.75em;}

h2 {font-size:1.35em;  line-height:1.05em; padding-top:18px; }

li { margin-bottom:2px;}
li a { font-weight:normal;}


.paddedH2 { 
	padding-top:30px; padding-bottom:10px;
	font-size:1.35em;  line-height:1.05em; 
	font-weight:bold;
}

.clippingBox { 
	position:absolute;
	overflow:hidden;
	height: 35px;
	width:inherit;

}
.clippingNext {
	margin-top: 35px;
}

.downloadLinks li { padding:5px; padding-top:18px; }
a.titleLink  {
	font-size:1.25em;
	font-weight:bold;
	line-height:1em;
	//color:#aec4d4;
 }
a.titleLink:hover{text-decoration:none;}

.biglink { font-size:1.45em; font-weight:bold;  }
.biglink a  {text-decoration:none; line-height:1em; color:#aec4d4;}
.biglink a:hover{text-decoration:underline;}
.biglink img {padding-top:4px;}

.imgindent {margin:0 20px 0 0; float:left;}

.githubBox {
	background:url(images/10PercentWhite.png) top left;
	margin:10px 0 10px 0;
	padding:7px;
	padding-left:10px;
	border-radius: 15px;
	
}

	
.githubBox p {padding:8px 0 18px 0;}
.githubBox a {color:#aec4d4; text-decoration:none}


.rightarrow{

display:inline-block;
-webkit-font-smoothing:antialiased;
text-decoration:none;
}

.rightarrow:after {content:'\21E8';}

.box {
	background:url(images/10PercentWhite.png) top left;
	margin:10px 0 10px 0;
	border-radius: 15px;
	
	//color:#638090; 
}
	
	
.box p {padding:8px 0 18px 0;}
.box a {color:#aec4d4;}

.box2 {
	background:url(images/20PercentBlack.png) top left;
	margin:10px 0 10px 0;
	border-radius: 12px;
}

.frontPageBox {
	font-size:130%; width:270px; height:225px; padding:4px; float: left;  position:relative;
}


.title {color:#FFFFFF; background:url(images/title_bg.gif) no-repeat 0 4px; font-size:1.667em; line-height:1.2em; padding-left:28px;}

.blue {color:#60b6d5;}

/* ============================= header ====================== */

#header .left {width:451px; padding:32px 0 0 57px;}
#header .right {padding:52px 100px 0 0; text-decoration:none; }
#header .right a {text-decoration:none;}
#header .right img {margin-left:6px;}

#menu {padding:17px 0 0 85px; }
#menu li {width:123px; text-align:center; float:left; padding:11px 0 21px 0;}
#menu .side {width:129px;}
#menu li a {color:#ffffff; text-decoration:none; line-height:1.5em; font-weight:bold; text-shadow: #111111 1.5px 1.5px 2px}
#menu li a:hover {text-decoration:underline;}
#menu .tab {background:url(images/tab.png) top left no-repeat;}
#menu .tabActive {background:url(images/tabHighlighted.png) top left no-repeat;}



/* ============================= middle ====================== */

#middle { width:930px; padding:0px 50px 43px 50px;}

#middle ul {
	margin-left:8px;
	list-style-image: url(images/bullet.png);
}

/* ============================= footer ====================== */

#footer_bg {background:url(images/footer_tall.gif) bottom repeat-x;}
#footer {color:#7494a8; background:url(images/footer_line.gif) no-repeat 680px 0;}
#footer .left {padding:32px 0 0 46px;}
#footer .right {padding:31px 48px 0 0;}
#footer span {background:url(images/footer_h.gif) no-repeat 0 3px; padding-left:20px;}
#footer a {color:#7494a8;}

/* ============================= index ============================= */

#index .box .padding {padding:16px 10px 17px 25px; 
//color:#98b0c2;
 }
#index .box .padding table{
color:#98b0c2;
}
#index .box .imgindent {margin:0 58px 0 0;}

#index .box2 .padding {padding:16px 10px 17px 25px; }
	
#index .box2 .content1 {padding:30px 0px 0px 25px; }
#index .box2 .imgindent {margin:0 47px 0 0;}

#index .box3 .padding {padding:23px 20px 17px 25px; }
	
#index .box3 .content1 {padding:30px 0 0 25px; }
#index .box3 .imgindent {margin:0 47px 0 0;}

#index .content {padding:24px 0 0 25px;}
#index .colspad {padding:22px 0 0 0;}
#index .col1 ul {margin:0 0 0 3px;}
#index .col2 ul {margin:0 0 0 33px;}


form .rowi {height:30px;}

.input {width:227px; height:21px; padding:0 0 0 5px; font-size:1em;}
textarea {width:227px; height:51px; padding:0 0 0 5px; overflow:auto; font-size:1em;}
form .div {text-align:right; padding:8px 3px 0 0;}

/* ============================= store stuff ============================= */

.store input[type=radio]{
	margin-left:14px;
}

tr.rowTotal td {
	border-top: solid 5px #384751;
	border-collapse: collapse;
	border-spacing:0px;
}
/* ============================= fancyInput ============================= */

.fancyInput input[type=text] {
    font-size: 13px;
    padding: 4px 4px 4px 4px;
}
.fancyInput input[type=password] {
    font-size: 13px;
    padding: 4px 4px 4px 4px;
}


.fancyInput input[type="radio"]:checked+span { 
	font-weight: bold; 
}

.fancyInput input.readonly {
    background-color: #EEEEEE; 
}


.fancyInput input.licenseOwner {
    width: 400px;
}

.fancyInput input[type=submit] {
    height: 32px;
    line-height: 24px;
    padding: 0 20px 0 20px;
    margin-top:20px;
    
    background-image: -moz-linear-gradient(top, #384f5e, #6c828e);
    background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#384f5e), to(#6c828e));
    border: 1px solid rgba(0, 0, 0, 0.7);
    border-radius: 16px;
    
    color: white;
    text-shadow: 0 1px 1px #000;
    font-size: 15px;
}

.fancyInput input[type=submit]:active {
    background-image: -moz-linear-gradient(top, #001535, #3e5c76);
    background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#3e5c76), to(#001535));
}