/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	background-color: #ccc;
	background-image: url(../images/universal/1000bg.png);
	background-position: center;
	background-repeat: repeat-y;
}


A:link {text-decoration: underline; color: #666699; 0.1em 0.1em; font-weight: bold; }
A:visited {text-decoration: underline; color: #666699; 0.1em 0.1em; font-weight: bold; }
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: #ffcc00; }

a:focus {
	outline: 1px dotted;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	margin-left: 30px;
}

table {

padding:2px;

}
#highlighttext {
color: red;
font-weight: bold;
}
#ctrl_panel {
margin-left: 30px;
}

#tipbox2 {
float: center;
display: block;
border-style:solid;
border-width:1px;
border-color:gray;
padding:8px;
width: 300px;
font-size: 10px;
color: gray;
}

#tipbox {
float: right;
display: inline;
border-style:solid;
border-width:1px;
border-color:gray;
padding:8px;
width: 200px;
font-size: 10px;
color: gray;
}
td {
border-style:solid;
border-width:4px;
border-color:#ffffff;
padding:2px;
}

hr {
	padding-left:10px;
	padding-right:10p;
	margin-bottom: 20px;

}

p,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
address,
fieldset {
	margin-bottom: 20px;
	text-align: left;
}

.shiftright {
	/*display: inline;*/
	/*float: left;*/
	/*width: 579px;*/
}
.vertspacer {
	padding-bottom: 20px;
}

/* `FORM
----------------------------------------------------------------------------------------------------*/
#register3 {
	margin-left: 394px;
    font-size: 12px;
}
#register {
	margin-left: 394px;
    font-size: 12px;
}
#register2 {
    font-size: 12px;
}
#login {
	left: 394px;
    font-size: 12px;
}
#login2 {
    font-size: 12px;
	}

#login a, #register a {
    font-size: 12px;
    text-decoration: underline;
}

#login2 a, #register2 a {
    font-size: 12px;
    text-decoration: underline;
}

#loginForm, #registerForm {
	position: relative;
	left: 338px;
    font-size: 12px;
}
#loginForm2, #registerForm2 {
    font-size: 12px;
	}

#registerButton, #loginButton, #registerButton2, #loginButton2 {
	position: relative;
	top: 4px;
}

.textGrayedOut {
    color: gray;
}
.textGrayedOut2 {
    color: gray;
}

#loginEmail, #loginPassword, #loginPasswordClear, #registerEmail {
    font-size: 12px;
}
#loginEmail2, #loginPassword2, #loginPasswordClear2, #registerEmail2 {
    font-size: 12px;
}

#loginEmail {
    width: 100px;
}
#loginPassword, #loginPasswordClear {
    width: 100px;
}

#loginPassword, #loginPassword2 {
    display: none;
}

#register {
}
#login {
	display: none;
}

#registerEmail {
    width: 100px;
}

#loggedIn {
	margin-left: 388px;
	padding-top: 14px;
    font-weight: bold;
    color: #000000;
}

#notloggedInGreeting {
    color: #000000;
}
#loggedInGreeting {
    color: #FFFFFF;
}

#loggedInPoints {
    font-weight: bold;
}

#registerme {
	position: relative;
	left: 400px;
    font-size: 12px;
	padding-top: 14px;
    font-size: 12px;
	height: 30px;
}
#logout {
	position: relative;
    font-size: 12px;
	padding-top: 14px;
    font-size: 12px;
}
#logo img {
	max-height:50px;
	max-width:100px;
	}

/* `Homepage
----------------------------------------------------------------------------------------------------*/

.social{
	position: relative;
	left: 394px;
	margin-top: 2px;
	margin-bottom: -8px;
	padding-bottom: 0px;
	height: 22px;
}

.XLPanel{
	font-size: 21px;
	height: 280px;
	background-image: url(../images/Homepage/panels/8_grid_black_panel_280.jpg);
	background-repeat: no-repeat;
}


.MPanel{
	font-size: 21px;
	height: 280px;
	background-image: url(../images/Homepage/panels/4_grid_black_panel_280.jpg);
	background-repeat: no-repeat;
}


.Headline a { text-decoration: underline; color: #fc3; font-weight: bold; }

.Headline {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	color: #FC3;
}

.headlineThinPanel{
	height: 40px;
	background-image: url(../images/Homepage/panels/12_grid_title_bkrd.jpg);
	background-repeat: no-repeat;
	text-align: center;
}


.titles {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	height: 40px;
	padding-top: 8px;
	letter-spacing: 1px;
}


.casestudies {
	padding-left: 20px;
	padding-top: 10px;

}


.CSlogoPanel{
	height: 80px;
	background-image: url(../images/Case_Studies/root/black_gray_bar.png);
	background-repeat: no-repeat;
}

.CStitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	padding-top: 20px;
	letter-spacing: 1px;
}


.CStextBold {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right:10px;
	padding-bottom:7px;
	letter-spacing: 1px;
	font-weight:bold
}


.CStext {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right:10px;
	padding-bottom:7px;
	letter-spacing: 1px;
}
.CStext_centered {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right:10px;
	padding-bottom:7px;
	letter-spacing: 1px;
}




.ThinPanel{
	height: 65px;
	background-image: url(../images/Homepage/panels/12_grid_30daybar.jpg);
	background-repeat: no-repeat;
	text-align: center;
}





.threePanel{
	font-size: 21px;
	height: 180px;
	background-image: url(../images/Homepage/panels/4_grid_grey_panel_1.jpg);
	background-repeat: no-repeat;
}



.titlestabs {
	/*	text-align: center;
*/	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	height: 40px;
	padding-top: 5px;
	padding-left: 20px;
	letter-spacing: 1px;
}


.texttabs {

	/*	text-align: center;
*/	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 20px;
	padding-right:10px;
	padding-bottom:7px;
	letter-spacing: 1px;
}
.padsmall {
	padding-bottom:16px;
	}
.dontpusht {
	background-image: url(../images/Homepage/adboxes/widebox2.jpg);
	background-repeat: no-repeat;
	height: 158px;
	float: left;
	display: inline;
	width: 361px;
	padding-top:16px;
}
.dontpushtext {
	position: relative;
	top: -22px;
	padding-left: 6px;
}
.textabsyellow {
	padding-left: 26px;
	font-size: 13px;
	color: #FC3;
	outline-color: black;
	outline-width: 0.1em;
}
.texttabsgreen2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	color: #060;
	padding-right:4px;
	font-weight: bold;
}
.texttabsgreenlarge2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	color: #060;
	padding-left: 18px;
	padding-right:4px;
	font-weight: bold;
}

.texttabsgreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	color: #060;
	padding-left: 20px;
	padding-right:10px;
	font-weight: bold;
}



/* `Sign Up
----------------------------------------------------------------------------------------------------*/


.SignupPanel{
	height: 300px;
	background-image: url(../images/Sign_Up/bkrg.jpg);
	background-repeat: no-repeat;
}
/* `Sign Up
----------------------------------------------------------------------------------------------------*/


.SignupPanel2{
	height: 260px;
	background-image: url(../images/Sign_Up/bkrg.jpg);
	background-repeat: no-repeat;
}

/*input {
	border: none;
	width: 165px;
	background-color:#CCC
}*/

.Signuptext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align:right;
	color:#FFF;
	letter-spacing: 1px;
	padding-top: 5px;
}

/* `Pricing
----------------------------------------------------------------------------------------------------*/
.Pricingtext2 img {
	position: relative;
}
.Pricingtext3 img {
	position: relative;
}
.Pricingtext4 img {
	position: relative;
}
.Pricingtexttop1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	letter-spacing: 1px;
	color:#000;
	font-weight: bold;
}
.Pricingtext1 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#000;
	background-color:#f3f7f5;
	letter-spacing: 1px;
	padding-left:10px;
	height: 50px;
	font-weight: bold;
}
.Pricingtext1small {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000;
	background-color:#f3f7f5;
	letter-spacing: 1px;
	padding-left:10px;
	height: 50px;
	font-weight: normal;
}


.Pricingtext2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000;
	background-color:#d5e1d8;
	padding-left:10px;
	height: 50px;
}

.Pricingtext3 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000;
	background-color:#87b49c;
	padding-left:10px;
	height: 50px;
	
}

.Pricingtext4 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000;
	background-color:#e7e7e8;
	padding-left: 10px;
	height: 40px;

}

/* `Products
----------------------------------------------------------------------------------------------------*/
#box-table-a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 30px;
	text-align: left;
	border-collapse: collapse;
	width: 270px;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #000;
	border-top: 4px solid gray;
	border-bottom: 1px solid gray;
	color: #fc3;
}
#box-table-a td
{
	padding: 8px;
	background: #c8bbbe; 
	border-bottom: 1px solid #fff;
	color: #000;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #ebdde2;
	color: #000;
}

.titlesProducts {

	/*	text-align: center;
*/	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	height: 40px;
	padding-top: 5px;
	letter-spacing: 1px;
}

.vertspacer .grid_12 .CStext_centered {
	font-weight: bold;
}

.headlineThinPanelproducts {
	height: 65px;
	background-image: url(../images/Homepage/panels/12_grid_30daybar.jpg);
	background-repeat: no-repeat;
	text-align: center;
}


.HeadlineProducts {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	letter-spacing: 1px;
	color: #FC3;
}


.productstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom:7px;
	letter-spacing: 1px;
	width: 410px;
}

.productstextnorm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-bottom:7px;
	letter-spacing: 1px;
}

.productstextwide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom:7px;
	letter-spacing: 1px;
}



/* `Contact
----------------------------------------------------------------------------------------------------*/


.ContactPanel{
	height: 160px;
	background-image: url(../images/Sign_Up/bkrg.jpg);
	background-repeat: no-repeat;
}