/*Typography*/
body {
	 font-family:'Arial', 'Helvetica', sans-serif;
	 font-size:12px;
	 margin:0;
	 padding:0;
}

.addHeading{width: 300px;}
.hidden { display:none; }
/*Main structure et al *Home page only* */
div#homeMain {
	 background:#00518c url('../img/homepage_main_bg_repeat.jpg') repeat-x top;
	 color:#FFF;
	 font-size:14px;
	 display:inline-block;
	 width:920px;
	 padding:40px 40px 0px;
}

div.homeLeftPanel {
	 width:550px;
	 float:left;
	 min-height: 290px;
}

div#homeRightPanel {
	 width:340px;
	 float:right;
}

div#homeMain h1 {
	 font-size:32px;
	 margin:0;
	 padding:0;
}

ol.homeReasonList {
	 margin-left:10px;
	 padding-left:10px;
}

ol.homeReasonList li {
	 margin-bottom:10px;
	 font-size:14px;
}

.homeColumn {
	 float:left;
	 width:490px;
}

.left {
	 margin-left:25px;
}

p.padLeft{padding-left: 15px;}
p.homePageQ{font-size: 18px; font-weight: 600; padding: 0px; margin: 0px; margin-top: 25px;}
p.homePageA{ margin-top: 5px;}

/*Home Page sign UP form*/
div#homeMain h3 {
	 font-weight:400;
	 font-size:18px;
	 margin:0 0 80px;
	 padding:0;
}

div#homeSignUpBox {
	 -moz-border-radius:5px;
	 border-radius:5px;
	 border:1px solid #FFF;
	 min-height:260px;
	 width:310px;
	 float:right;
	 padding:15px;
}

div#homeSignUpBox form input[type=text],div#homeSignUpBox form input[type=password] {
	 width:290px;
	 -moz-border-radius:5px;
	 border-radius:5px;
	 border:1px solid #CCC;
	 margin-bottom:10px;
	 font-size:14px;
	 color:#333;
	 padding:10px;
}

div#homeSignUpBox form input[type=submit] {
	 border-radius:3px 3px;
	 background-color:#acd515;
	 border:1px solid #818d5d;
	 float:right;
	 margin:17px 0 0 15px;
	 padding:3px 10px;
}

div#homeSignUpBox a {
	 margin-top:15px;
	 float:left;
	 color:#FFF;
}

div#lowerSignUpBox {
	 width:100%;
	 clear:both;
	 margin-top:20px;
}

div#homeSignUpBox label.error {
	 float:left;
	 margin:10px 0;
}

/*Home Page sign IN form */
form.loginForm label {
   /* margin-right:5px;*/
}
form.loginForm input[type=text],form.loginForm input[type=password] {
	 -moz-border-radius:5px;
	 border-radius:5px;
	 border:1px solid #CCC;
	 /*margin-right:10px;*/
	 padding:5px;
}

form.loginForm input[type=submit], form.search input[type=submit] {
	 border-radius:3px 3px;
	 background-color:#acd515;
	 border:1px solid #818d5d;
	 padding:3px 10px;
}

table.loginTableHeader td{padding-right: 5px;}

/*Home page activation / deactivation */
div#homeSignUpBox h1{ margin: 0px 0px 5px ; font-size: 34px;}
div.termsandconditions { width: 450px; height: 290px; font-size: 12px; font-family: Arial; color: #333;  padding: 5px; overflow: scroll; background-color: #FFF;}

/*Main structure*/
div#wrapper{ width : 1000px; margin: 0 auto; padding: 0px 0px 0px; background: #dadada url(../img/wrapper_bg_repeat.jpg) repeat-x top; border-radius: 5px; position: relative;}
div#header-wrapper{ background: #1c3766 url(../img/header_bg_repeat.jpg) repeat-x bottom; padding: 25px 35px 5px; height: 1%; overflow: hidden;}
div#top-nav{ float:right;}
div#header-keyline{ height: 1px; margin: 0 auto; background-color: #acd517; border: 0px solid #acd517; border-top: 0px solid #8ab4a0;  }
div#main{ /*padding: 20px 35px;*/  width: 100%; padding-bottom: 10px;}
div#footer{ width: 900px; margin: 0 auto; padding: 10px 0px;  text-align: center;  }
div#loggedInPanel{background: #FFFFFF; display: block; margin: 0 auto; width: 980px; }

div#header-wrapper {
	 background:#1c3766 url(../img/header_bg_repeat.jpg) repeat-x bottom;
	 /*padding:25px 35px;*/
}

div#header-keyline {
	 height:1px;
	 background-color:#acd517;
	 border:0 solid #acd517;
	 border-top:0 solid #8ab4a0;
	 margin:0 auto;
}

div#main {
	 width:100%;
}

div#footer {
	 width:900px;
	 text-align:center;
	 color:#333;
	 font-size:11px;
	 margin:0 auto;
	 padding:10px 0;
}

div#loggedInPanel {
	 background:#FFF;
	 display:block;
	 width:980px;
	 margin:0 auto;
	 border-radius: 4px;
}

/*Messages*/
div#flashMessage {
	 float:right;
	 font-size:14px;
	 /*    font-weight: bold;*/
	 color:#abd700;
	 margin:0 0 15px;
	 padding:10px;
	 border: 2px #abd700 solid;
	 border-radius: 5px;
	 background: #F7FFCC;
	 color:#363636;
}

span.flash{
	 font-size:12px;
	 color:#abd700;
	 font-weight:bold;
}

/*Style (classes)*/
.shadow {
	 /*       -moz-box-shadow:0px -15px 15px 0 #ccc;
			-webkit-box-shadow:0px 0px 15px 0 #ccc;
									box-shadow:0px -2px 15px 0 #ccc;*/
}

.clear {
	 clear:left;
	 display:block;
	 height:0px;
}

#Breadcrumbs {
	 clear:both;
	 padding:10px 0 0 20px;
	 text-align: left;
}

/*.rounded-header{ border-top-left-radius: 10px 5px; border-top-right-radius: 10px 5px;} OLD STYLE*/
.large-header {
	 font-size:40px;
	 color:#a8a8a8;
	 font-weight:600;

}
.dashboard {
	 height:1%; overflow:hidden; padding: 20px;
}
.button {
	 border-radius:3px 3px;
	 font-size:12px;
	 text-decoration:none;
	 font-weight:600;
	 margin:17px 0 0 15px;
	 padding:3px 10px;
}

.green {
	 background-color:#acd515;
	 border:1px solid #818d5d;
	 color:#000;
}

.floatLeft {
	 float:left;
}

.forgottenPassword{margin-top: 10px; display: block; padding-bottom: 10px;}

/*Content structure*/
div.index {
	 margin:0 auto;
	 padding:20px;
}

div#leftHeader{ width: 300px; float:left;}
div#rightHeader{ width: 640px; float:right;}

/*div.index h2, div.main h2{background: #173c70 url(../img/index_header_bg_repeat.jpg) repeat-x bottom; margin: 0px; padding: 5px 15px; border: 1px solid #a8a8a8; }*/
div#data {
	 background-color:#FFF;
	 border:0 solid #a8a8a8;
}

/*Create new*/
div#create-new {
	 width:100%;
	 clear:both;
	 padding:0 0 8px;
}

/*Form elements*/
div.form {
	 padding:20px;
	 height:1%; overflow:hidden;
}
div.form .button {
	 border-radius:3px 3px;
	 font-size:12px;
	 text-decoration:none;
	 font-weight:bold;
	 padding:4px 10px;
	 border: 1px #333 solid;
	 margin:0;
	 display:inline-block;
}
div.form div.formLeft {
	 float:left;
	 width:240px;
	 margin-right:20px;
}
div.form div.formRight {
	 float:right;
	 width:672px;
	 padding-top:100px;

}
div.form ul {
	 list-style:none;
	 margin:0;
	 padding:0;
}

div.form ul li {
	 display:block;
	 /*margin:10px 0;*/
}

div.form input[type=text] {
	 width:400px;
}
div.form table.green textarea{
	 padding: 5px;
	 font-family: Arial, sans-serif;
	 font-size: 11px;
}
div.form table.green {
	 width:100%;
	 background-color: white;
	 border:none;
}
div.form table td, div.form table th {
	 background-color: #acd517;
	 border-right:1px #fff solid;
	 border-bottom:1px #fff solid;
	 padding:10px;
}
div.form table th {
	 vertical-align: middle;
}
div.form table th label {
	 color: white !important;
	 text-align: left;
	 width:190px;
	 display:block;
}
div.form table td input[type="text"],
div.form table td input[type="password"],
div.form table td textarea {
	 padding:5px 8px;
	 border:1px #aaa solid;
	 background-color: white;
	 width:400px;
}
div.form table td input[type="radio"] {
	 margin-right:10px;
}
div.form table td.white {
	 background-color: white;
	 padding:10px 0;
}
div.form table .right {
	 text-align: right;
}
label[for=QrCodeStatusActive] {
	 width:auto !important;
	 margin-right:30px;
	 display:inline !important;
}

div.right {
	 text-align:right;
}


/*Ajax forms*/
div.ajax{
	 padding: 0px;
}

div.form ul li{
	 width: 100%;
	 border-bottom: 1px solid #FFFFFF;
	 height: 25px;
	 line-height: 25px;
	 vertical-align: middle;
}

div.ajax label {
	 width:170px;
	 float:left;
	 padding-left: 20px;
}
div.ajax input{float:left;}

div.ajax ul{
	 background-color: #acd515;
	 padding: px 0px;
	 float:left;
	 width: 100%;
	 background-image: url(../img/form-ajax-bg.gif);
	 background-repeat: repeat-y;
	 background-position: 170px 0px;
}

div.ajax ul li{
	 float:left;

}

div.ajax h1{color: #666; margin-top: 0px; padding-top: 0px; padding-left: 20px;}
div.ajax p{color: #666; margin-top: 0px; padding-top: 0px; padding-left: 20px;}
/*Error messages*/
label.error {
	 color:#F00;
	 width:auto !important;
	 padding-left: 0px !important;
}

/*Overview / tables */
div#topIndex{
	 width: 100%;
	 height: 1%;
	 overflow: hidden;
}
div#midIndex{
	 width: 100%;
	 padding-bottom: 10px;
}

.newButton{
	 float:left;
	 margin-top: 20px;
}

div#data table {
	 color:#333;
	 font-size:12px;
	 width:100%;
}

div#data table th,div#data table td {
	 padding:10px 2px 10px 0;
}

div#data table th:first-child,div#data table td:first-child {
	 padding-left:8px;
}

div#data table th {
	 background:#173c70 url(../img/index_header_bg_repeat.jpg) repeat-x bottom;
	 color:#FFF;
	 text-align:left;
}

div#data table th a {
	 color:#FFF;
	 text-decoration:none;
}

div#data table td {
	 border-bottom:1px solid #ccc;
}
div#data table td.center, div#data table th.center {
	 text-align: center;
}
div#data table td a {
	 color:blue;
	 text-decoration:underline;
}

/*Left navigation structure*/
div.actions {
	 width:170px;
	 float:left;
	 margin-right:25px;
}

div.actions h3 {
	 background:#acd515 url(../img/actions_header_bg_repeat.jpg) repeat-x bottom;
	 border:1px solid #a8a8a8;
	 color:#1c3766;
	 font-size:18px;
	 margin:0;
	 padding:5px 15px;
}

div.actions ul {
	 list-style:none;
	 border:1px solid #5a5959;
	 background:#FFF;
	 border-width:0 1px 1px;
	 margin:0;
	 padding:15px;
}

li.subnav {
	 padding-left:10px;
}

/*Header navigation structure*/
#header-navigation {
	 height:30px;
	 width:100%;
	 margin-bottom:20px;
}

ul#topNav {
	 list-style:none;
	 list-style-image:none;
	 list-style-type:none;
	 display:block;
	 float:left;
	 margin:0;
	 padding:0;

}

ul#topNav li {
	 list-style-type:none;
	 float:left;
	 background-color:#1c3766;
	 border-right:1px solid #acd515;
	 margin:0;

}

ul#topNav li.active {
	 background-color:#acd515;
}

div#top-nav,div#top-nav a {
	 color:#FFF;
	 font-size:11px;
}

ul#topNav li,ul#topNav li a {
	 font-size:12px;
	 color:#FFF;
	 text-decoration:none;
	 font-weight:700;
}

ul#topNav li a {
	 display:inline-block;
	 width:100px;
	 text-align:center;
	 padding:9px 0;
}

div.index h2,div.main h2 {
	 color:#a8a8a8;
	 font-size:40px;
	 margin:0 0 10px;
	 display:inline;
	 float:left;
}

div.actions a {
	 color:#1c3766;
	 font-size:14px;
	 text-decoration:none;
	 font-weight:600;
}

li.subnav a {
	 color:#666;
	 font-weight:400;
}

p.small {
	 font-size:11px;
	 color:#5a5959;
}

#UserPasswordFirst,#tellMeMore2,div.paging span.disabled {
	 display:none;
}

form.loginForm div.submit,div.input {
	 display:inline;
}

div#top-nav,.floatRight,div#create-new a {
	 float:right;
}

.add,.marginLeft {
	 margin-left:10px;
}

label[for=QrCodeWeeklyUpdates],div.submit {
	 width:auto !important;
}

/*Dashboard */
td.borderTop{
	 border-top: 1px dotted #ccc;
}

td.borderBottom{
	 border-bottom: 1px dotted #ccc;
}

table.dashboard{
	 color: #666;
}

table.dashboard h2{
	 float:none;
	 margin: 10px 0px 0px;
}
table.dashboard h2 a {
	 color: inherit;
	 text-decoration: none;
}

p.dashboardReportActive{
	 margin-top: 0px;
}
table.dashboard  a{
	 color: blue;
	 text-decoration: underline
}

.qrcodeform{
	 padding: 1px 5px !important;
	 background-color : #FFFFFF;
	 margin-left: 10px !important;

}

img.qrPreview{
	 border: 1px solid #ccc;
	 padding: 0px;
	 background-color: #FFF;
}

div.radioWrapper{
	 padding: 4px 8px;
	 background-color: #FFFFFF;
	 border: 1px solid #AAAAAA;
	 width: 400px;
}

div.radioWrapper input{
	 margin-left: 30px;
}

div.radioWrapper input:first-child{
	 margin-left: 0px !important;
}

div#introVideos{
	 float: right;
	 margin-top: 20px;
	 width: 100%;
	 padding-bottom: 20px;
}

div.videoPod{ float: left; margin-left: 30px; cursor: pointer; text-align: center; width: 150px;}
div.videoPod img{ border: 1px solid lightgrey}
span.videoLink{text-decoration: underline; color: dimgrey;}

.grey{color: grey;}

/** Tracking Pages **/
div.reportWrapper {
	 border:1px darkgrey solid;
	 border-top-right-radius: 4px;
	 border-bottom-right-radius: 4px;
	 border-bottom-left-radius: 4px;
}
div.reportWrapper table.header {
	 width:100%;
	 padding:5px;
	 background-color: gainsboro;
}
div.reportWrapper table.header td, div.reportWrapper table.header  th {
	 padding:5px;
}
div.reportWrapper table.header th {
	 text-align: left;
	 font-size: 1.1em;
}
div.reportWrapper table.header .right {
	 text-align: right;
}
div.reportWrapper table.header a {
	 color:blue;
	 text-decoration: underline;
}
div.reportWrapper table.kpiBar {
	 width:100%;
	 color:#333;
}
div.reportWrapper table.kpiBar th, div.reportWrapper table.kpiBar td {
	 padding:8px 10px;
	 border-right:1px darkgrey solid;
}
div.reportWrapper table.kpiBar th {
	 border: 1px solid #cccccc; background: #9cd200 url(/img/ui-bg_highlight-soft_75_9cd200_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold;
}
div.reportWrapper table.kpiBar td {
	 font-size: 2em;
	 font-weight: bold;
	 text-align: center;
}
div.reportWrapper table.kpiBar .metric_help {
	 font-size: 0.9em;
	 font-weight: normal;
	 vertical-align: top;
	 text-align: center;
}
p.trackingDashboadStat {
	 margin:0;
	 text-align: right;
	 color:#A8A8A8;
	 font-weight: bold;
	 font-size:3.3em;
}

ul#TrackingNavigation {
	 padding:0;
	 margin:0;
	 list-style: none;
}
ul#TrackingNavigation li {
	 float:left;
	 margin-right:5px;
	 background-color: whitesmoke;
}
ul#TrackingNavigation li.active {
	 background: #9cd200 url(/img/ui-bg_highlight-soft_75_9cd200_1x100.png) 50% 50% repeat-x;
}
ul#TrackingNavigation li a {
	 font-weight: bold;
	 display:block;
	 padding:6px 10px;
	 border-top:1px darkgrey solid;
	 border-left:1px darkgrey solid;
	 border-right:1px darkgrey solid;
	 border-top-right-radius: 5px;
	 border-top-left-radius: 5px;
}

table.modalReportFilter {
	 width:100%;
}
table.modalReportFilter th.padded, table.modalReportFilter td.padded {
	 width:50%;
	 padding:10px;
}
table.modalReportFilter th {
	 text-align: left;
	 font-weight:16px !important;
	 font-weight:bold;
}
table.modalReportFilter .center {
	 text-align: center;
}

button{
	 cursor: pointer;
}

div.ajax div.radioWrapper label{ width: auto; padding: 0px;}
div.ajax div.radioWrapper{width: 390px; line-height: 20px;}

div#loading{margin: 0 auto; }
div#loading img{margin: 0 auto;}

td.tableOfContents ul { list-style: none; padding-left: 0px; margin-left: 0px; }
td.tableOfContents li{ padding: 0px 0px 5px; }
td.tableOfContents h3{margin-bottom: 5px;}
td.tableOfContents p {margin-top: 0px;}

div#searchForm{float:right; margin: 8px 10px 0px 0px;}
div#searchForm div.input{float:left;}
div#searchForm div.submit{float:left;}
div#searchForm input[type=text]{padding: 2px; margin: 0px 5px;}

div#loneLoginBox{ float: right; border: 2px solid white; width: 400px; margin-bottom: 25px;}
.rounded{border-top-right-radius: 5px;  border-top-left-radius: 5px; border-bottom-right-radius: 5px;  border-bottom-left-radius: 5px;}
div#loneLoginBox ul{list-style: none; padding-left: 20px;}
div#loneLoginBox ul li { display: block; width: 300px;}
div#loneLoginBox input[type=text], div#loneLoginBox input[type=password]{    -moz-border-radius:5px;
																																						 border-radius:5px;
																																						 border:1px solid #CCC;
																																						 /*margin-right:10px;*/
																																						 padding:5px;}

.locationData table{border: 1px solid #cccccc;}
.locationData th {border: 1px solid #cccccc; background: #9cd200 url(/img/ui-bg_highlight-soft_75_9cd200_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold;}
.locationData td, .locationData th{padding: 8px; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}

.adminReport td{border-bottom: 1px solid #cccccc; font-size: 18px;}
.adminReport th{font-size: 14px;}

ul.headerDateRange{ margin: 0px; padding: 0px; list-style: none;}
ul.headerDateRange li{ margin: 0px; padding: 0px 0px 5px 0px; list-style: none;}
ul.headerDateRange label{min-width: 75px; display: inline-block;}
ul.headerDateRange input[type=submit]{margin-left: 75px; }

.bottomPaginator{margin-top: 15px;}

div#reportControls{overflow: hidden; height: 1%;}
div.reportSelector{float:right;}
div.paginationLimit{float:left; color: #404040;}
a.paginateLimit{text-decoration: underline;}
a.paginationSelected{ text-decoration: none; font-weight: bold; }

table.v2Reports td{font-size: 11px !important;}
td.viewUserReport{cursor: pointer;}

li#admin_dropDown{ min-height: 32px; padding: 0px 0px;}
li#admin_dropDown img{margin: 0px 10px 3px; padding-top: 5px;}
ul#admin_subDropDown{ margin-left: 0px; padding-left: 0px; position: absolute; left: -9999px;}
ul#admin_subDropDown img{ margin: 0px 11px 3px 10px;}
ul#admin_subDropDown li{display: block; float: none; border: 0px;}
li#admin_dropDown:hover ul{left: 706px; border: 1px solid #9cd200; border-width: 0px 1px 1px 1px;}
ul#topNav{ position: relative;}

div#loading{min-height: 40px; min-width: 40px; width: 100%; margin: 0 auto; background: #fff url(/img/loading.gif) no-repeat center top; margin-top: 30px;}

/*Variant page testing*/
div.testimonial{margin-bottom: 15px; padding: 15px; font-size: 18px;  display:none;}
div.testimonial > div.author {text-align:right; padding-top: 20px; border-top: 1px solid #FFF; width: 100%; margin-top: 20px;}
div.author a{color: #FFF; font-size: 16px; }
div#testimonial-wrapper{min-height: 200px;}

/*Gravatar*/
img.img-rounded{border: 1px solid #ccc; border-radius: 5px;}

/*Supporters*/
div#supporters{
	 background-color: white;
}

div#one_line_review h1{
	 background-color: #ACD515;
	 margin-top: 0px;
	 margin-bottom: 0px;
	 padding: 20px 10px 20px 50px;
	 color: #FFFFFF;
	 -webkit-border-top-right-radius:4px;
	 -moz-border-top-right-radius: 4px;
	 border-top-right-radius: 4px;
	 
	 -webkit-border-top-left-radius:4px;
	 -moz-border-top-left-radius: 4px;
	 border-top-left-radius: 4px;
	 
	 width: 642px;
}

div.one_line_review_content{
	 padding: 50px 50px 50px;
	 color: #333;
	 font-size: 14px;
	 height: auto;
	 overflow: hidden;
}
div#facebox .content{
	 padding: 0px !important; 
}
textarea.review_space{
	 width: 590px;
	 padding: 5px;
	 font-family: Arial, sans-serif;
	 color: #333;
}
div.opt_out{
	 font-size: 12px;
	 float: left;
	 width: 75%;
	 margin-top: 10px;
}
a.opt_out{
	 color: blue;
	 font-size: 12px;
	 text-decoration: underline;
}
button.submit_review{
	 float: right;
}

div#leave_review{
	 position: absolute;
	 top: 0px;
	 left: -145px;
	 width: 136px;
	 height: 62px;
	 background: url('/img/leave_review.png') no-repeat;
	 cursor: pointer;
}
div.control-group{
	 height: auto;
	 overflow: hidden;
	 margin-bottom: 10px;
}
div.control-group label{
	 display: inline-block;
	 float: left;
	 min-width: 120px;
	 margin-top: 5px;
	 font-size: 12px;
}
div.control-group input{
	 display: inline-block;
	 float: left;
	 min-width: 400px;
	 padding: 5px;
}

div.spinny{
	 margin: 0 auto;
	 width: 45px;
	 padding-top: 50px;
	 padding-bottom: 50px;
}
