a.tab { 
        border-style: solid solid none;  
        border-color: #666666; 
        border-width: 1px 1px 0px 1px; 
        background-color: silver; 
        padding: 4px 0.5em 4px; 
        margin-right: 2px;
        width: 40%;
        text-align: center;
		cursor: pointer;
	    cursor: hand;
      }
      a.tab:hover { 
        border-color: #666666; 
        background-color: white; 
      }
      .skipSelectors {
        width: 98%;
        border: solid 1px #666666; 
        padding: 5px; 
		margin-top: 4px;
      }
      
#cal1Container { display:none; position:relative; left:0px; top:8px; z-index:1}
#cal2Container { display:none; position:relative; left:0px; top:8px; z-index:1}

/* Markup overrides */
a { color: 0C4E8D; font-weight: bold; text-decoration: none;  }
a:hover { color: #cc6600; text-decoration: underline; }
a:active { color: #000; }

.alertbox {
	margin:6px;
	padding:4px;
	border-style:dashed;
	border-width:1px;
	background-color: #fff7e0;
}

.alert_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

img {
	border: 0;
	}

body {
	background-color:		#88b0ff;
	background-image:		url(../images/page/gradient.gif);
	background-repeat:		repeat-x;
	text-align:				center;
	margin:					0, auto;
	}

h1 {
	border:0px; padding:0px; margin:0px;
	font: bold 20px arial, sans;
	color: #cc6600;
	}

h2 {
	border:0px; padding:0px; margin:0px;
	font: bold 20px arial, sans;
	color: #999999;
	}

h3 {
	border:0px; padding:0px; margin:0px;
	font: bold 18px arial, sans;
	color: #000066;
	}

h4 {
	border:0px; padding:0px; margin:0px;
	font: bold 16px arial, sans;
	color: #cccccc;
	}

h5 {
	border:0px; padding:0px; margin:0px;
	font: bold 13px arial;
	color: #000066;
	}

/* Common Text Styles */
.h1sub {
	font: bold 20px arial, sans;
	color: #999999;
	}

.headergrey {
	font: bold 14px arial, sans;
	color: #999999;
	}

.headerblue {
	font: bold 13px arial, sans;
	color: #000066;
	}

.bluebody {
	font: 13px arial, sans;
	color: #000066;
	}

.errorbody {
	font: bold 13px arial, sans;
	color: #CC0000;
}

.errorbodybuilder {
	font: 12px arial, sans;
	color: #CC0000;
}	

.blackbody {
	font: 13px arial, sans;
	color: black;
	}

.inputblue {
	font: bold 13px arial, sans;
	color: #000066;
}

.inputerror {
	font: bold 13px arial, sans;
	color: #CC0000;
}

.tinyblack {
	font: bold 10px arial, sans;
	color: black;
	}

/* Image Manager Controls */
#content {
  	margin-left:30px;
	font-family: arial;
	font-size: 10px;
	color: #000066;  
}
div.imagedivs div.theimage span {
  margin:     0px;
  padding:    0px;
  margin-top: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-align: center;
  display:    block;
}

div.imagedivs {
  margin:10px;
  width:100%;
}

div.imagedivs div.theimage {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  width:160px;
  height:160px;
}

/* Preview Classes */
.optionsHeader {
	padding-top: 10px;
	font: bold 16px arial, sans;
	color: #000066;	
	}
.optionsSurveyInfo {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	}
	
.optionsTitle {
	font: bold 13px arial, sans;
	color: #000066;
	text-align: center;
	margin-bottom: 5px;
	}
.optionsCell {
	border-bottom: medium solid grey;
	border-bottom-width: 1px;
	}
.optionsCellTop {
	border-bottom: medium solid grey;
	border-top: medium solid grey;
	border-bottom-width: 1px;
	border-top-width: 1px;
	}

/* Builder Classes */
.builderNavigation {
	float:right;
	margin-bottom: 10px;
}
#questionInfo {
	padding:16px;
}
.imageBox {
	float: right;
	padding: 4px;
}
.builderNavigation {
	float:right;
	margin-bottom: 10px;
}
#titleControls, #imageControls, #srcHtml, #optionsControls {
	margin: 0px;
	background: #F0F0F0;
}
.actionLink {
	cursor: pointer;
    cursor: hand;
}

/* Billing */
#outerbillform {
	margin: 0px;
	background: #cc6600;
}
#innerbillform {
	margin: 0px;
	background: #ffffff;
}
#outerbillform .inner {
	padding: 4px;
}
#innerbillform .inner {
	padding: 7px;
}

/* Builder Nav */
div#menu{float:right; font: bold 10px arial, sans;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{margin-right: 20px;}
ul#nav li{float:left;margin-right: 6px;text-align: center}
ul#nav a{float:left;width: 7em;padding: 5px 0;background: #DFDFDF;text-decoration:none;color: #666}
ul#nav a:hover{background: #cc6600;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #205386; color: white}

/* Question Controls */
#questionmanager {
	padding:5px;
	margin: 0px;
	background: #F0F0F0;
}
.questionDiv {
	padding: 5px;
	cursor: move;
}
.questionDivNew {
	padding: 5px;
}
.questiontop {
	background: #cccccc;
	padding: 5px;
}
.breaktop {
	background: #ccccee;
	padding: 5px;
}
.questionDivSel {
	margin: 2px;
	padding: 6px;
	height: 20px;
	cursor: move;
	background: #ffffff;
}
.questionNum {
	font: bold 12px arial, sans;
	color: #000066;
}
.form {
	background: #CCCCCC;
	padding: 5px;
}

/* Main classes */
#greysep {
	width: 2px;
	background-color: #cccccc;
	}

.greyhr { 
    border: 0;
    color:#ffffff;
    background-color: #ffffff;
    height: 2px;
    margin: 0px;
}
    
#signup {
	font: bold 12px arial, sans;
	}

#billinglist {
	list-style: square;
	margin: .5em .5em 0 25px;
	padding-left: 0;
	font: 13px arial, sans;
	color: #000066; 
	}	
#billinglist li {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: .3em;
	}

#infolist {
	list-style: square url(../images/page/bullet.jpg);
	margin: .5em .5em 0 25px;
	padding-left: 0;
	font: bold 16px arial, sans;
	color: #cc6600; 
	}	
#infolist li {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: .3em;
	}
.infobox {
	margin: .5em .5em 0 10px;
	padding-left: 0;
	font: bold 16px arial, sans;
	color: #cc6600; 	
	}
.infosubtext {
	font: bold 12px arial, sans;
	color: #000000; 	
	}

#logo {
	margin:0px;
	margin-left:5px;
	}

#topbuf {
	height:50px;
	}

#mainbox {
	margin:0 auto;
	width:	750px;
	}	

#header {
	text-align:center;
	margin: 0px, auto;
	}

#headercontent {
	text-align: left;
	margin: 0 auto;
	padding: 10px;
	}

#footer {
	width:100%;
	text-align:center;
	}

#footercontent {
	width: 750px;
	font-family: arial, sans;
	font-size: 70%;
	color:	#666666;
	text-align: center;
	margin: 0 auto;
	padding: 1em;
	}

#toptabs {
	width: 400px;
	float:right;
	text-align:right;
	margin:0px;
	margin-right: 10px;
	margin-top: -36px;
	margin-bottom: -5px;
	}

#maincontent {
	text-align: left;
	margin: 0 auto;
	width: 710px;
}

#navtop {
	float:right;
	text-align:right;
}

#signin {
	font-family:			arial, sans;
	font-size:				12px;
	color:					#666666;
}

#toolbarheader {
	background-image:		url(../images/page/header_bar.png);
	background-repeat:		repeat-x;
	padding: 				5px;
	margin:					0px;
}

#pagefooter {
	background-image:		url(../images/page/footer_bar.png);
	padding: 				5px;
}

/* Form Elements */
.textInput, .pulldownInput {
	font: 12px arial;
	border: 1px solid #666666;
	margin: 3px 0px 3px 0px;
}
.textInputE, .pulldownInputE {
	font: 12px arial;
	border: 1px solid #CC0000;
	margin: 3px 0px 3px 0px;
}
.submitButton {
    font-size: 80%;
    border: 1px solid #666666;	
	font: 10px arial;
	margin: 2px 0px 3px 0px;
}
.selectedSubmitButton {
	font: 10px arial;
	color:#fff; background-color:#024B91;
	border-color:#024B91;
	margin: 3px 0px 3px 0px;
}
#homepagesignup {
    width: 100px;
    height: 55px;
    padding: 55px 0 0;
    margin: 0;
    border: 0;
    background: transparent url(../images/homepage/signup.png) no-repeat top left;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    cursor: hand;
    }
form>#homepagesignup {
    height: 0px;
    }

#helptext {
	float: right;
	font-family:			arial, sans;
	font-size:				10px;
	color:					#000066;
	width:					80%;
}

/* Reporting Styles */
.question {
	background: #F7F7F7;
	font: bold 12px arial;
	color: #cc6600;
}
.header {
	font: bold 10px arial;
}
.totaltext {
	padding: 0px 0px 0px 2px;
	font: 10px arial;
	color: #000066;
}
.totalnumber {
	padding: 0px 2px 0px 0px;
	font: bold 12px arial;
	color: #000066;
}
.answer {
	font: bold 10px arial;
}
.percentage {
	font: bold 10px arial;
}
.matrixpercentage {
	font: 12px arial;
}
.matrixpercentagetop {
	font: bold 12px arial;
	color: #000066;
}

/* Imported Stuff */
.imageBox {
	float: right;
	padding: 4px;
}

#bodyspacer {
	color: #D2D2D2;
	background-color: #D2D2D2;
	height: 1px;
	border:0;
}


/* Liquid Corners */
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('../images/page/box.png'); /* CHANGE: path and name of your image1 */
	height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 18px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 18px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -20px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -20px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	margin-left: 18px;               /* CHANGE: replace by the width of one of your corners */
	margin-right: 18px;              /* CHANGE: replace by the width of one of your corners */
	background: #FFFFFF;            /* YCC: background-color of the inside */
	padding-left: 0px;             /* YCC: all texts at some distance of the left border */
	padding-right:0px;             /* YCC: all texts at some distance of the right border */
	text-align: left;               /* YCC: position of all texts inside */
	}

.notopgap    { margin-top: 0;  }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

.insideleft {
	background-image: url('../images/page/box_left.png'); /* CHANGE: path and name of your image2 */
	background-repeat: repeat-y;   /* DNC: to pile the image2 as much as needed */
	}
.insideright {
	background-image: url('../images/page/box_right.png'); /* CHANGE: path and name of your image2 */
	background-repeat: repeat-y;   /* DNC: to pile the image2 as much as needed */
	background-position: 100% 0;
	}

/* Nifty Corners */
b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}