body { margin:0px; background:#f5f5f5; }
body,h1,h2,h3,input,select,textarea,table,label { font:normal 13px Tahoma, Geneva, sans-serif; color:#666; }
body, html { height:100%; min-height:100%; width:100%; }
h1 { margin:0; padding:0; font-weight:bold; font-size:24px; color:#d13940; }
h2 { font-weight:bold; font-size:16px; color:#343434; }
h3 { font-weight:bold; font-size:14px; color:#343434; border-bottom:#343434 1px solid; margin-top:40px; }
p { margin-top:10px; line-height:20px; }
a { text-decoration:none; color:#d03238; }
a:hover { text-decoration:underline; }
a img { border:0; }
form { margin:0; padding:0; }
img { vertical-align:middle; }
.Clear { clear:both; }
.pad-5px { padding:5px; }
.pad-10px { padding:10px; }
.pad-15px { padding:15px; }
.pad-20px { padding:20px; }
.pad-25px { padding:25px; }
.pad-30px { padding:30px; }
.Buttons { text-align:right; margin-top:10px; }
.EditButton { float:right; }
ul, ul li, ol, ol li { margin:0; padding:0; }
.Infobox { border:1px solid #eee; margin:5px 0 10px 0; padding:10px; background:#fafafa; clear:both; }
.Red { color:#cc2229 !important; }
.Green { color:#23A329 !important; }
.Status-Green { padding-left:18px; background:url(/images/icons/status_green.png) 0 1px no-repeat; }
.Status-Yellow { padding-left:18px; background:url(/images/icons/status_yellow.png) 0 1px no-repeat; }
.Status-Red { padding-left:18px; background:url(/images/icons/status_red.png) 0 1px no-repeat; }
.Status-Grey { padding-left:18px; background:url(/images/icons/status_grey.png) 0 1px no-repeat; }
.UserIcon-Male { float:left; width:128px; height:128px; background:url(/images/icons/male.png) no-repeat; }
.UserIcon-Female { float:left; width:128px; height:128px; background:url(/images/icons/female.png) no-repeat; }
.UserIcon-Small-Male { float:left; width:24px; height:24px; background:url(/images/icons/male_small.png) no-repeat; }
.UserIcon-Small-Female { float:left; width:24px; height:24px; background:url(/images/icons/female_small.png) no-repeat; }


/* Center Container - Login */
#CenterContainer { width:100%; height:100%; display:table; }
#CenterContainer #Position { display:table-cell; vertical-align:middle; }
#CenterContainer #Content { width:900px; margin:0 auto; background:url(/images/icons/dot.png) 450px repeat-y; }	
#CenterContainer #Content table { margin:20px 0 20px 0; }
#CenterContainer #Content table th { text-align:right; width:50%; padding-right:80px; }
#CenterContainer #Content table td { text-align:left; width:50%; padding-left:80px; }

/* Survey */
#Survey { position:relative; width:100%; height:auto !important; height:100%; min-height:100%; background:url(/images/icons/dot.png) 300px repeat-y; }
#Survey #PaddingTop { height:20px; background:#f5f5f5; }
#Survey #Content { padding-bottom:30px; position:relative; width:1050px; }
#Survey #PaddingBottom { height:20px; position:absolute; width:100%; bottom:0; background:#f5f5f5; }
#Survey .Logo {  }

/* Survey Menu */
#Menu { width:260px; padding:0 20px 20px 20px; float:left; }
#Menu .Title { background:#FFF; border:#8f8f8f 1px solid; padding:5px 7px; font-weight:bold; margin:20px 0 10px 0; position:relative; cursor:pointer; }
#Menu .Title:hover { background:#f8f8f8; }
#Menu .Title a { position:absolute; display:block; width:15px; height:15px; right:4px; top:5px; border:#8f8f8f 1px solid; background:url(/images/icons/arrow_nano_down.png) 50% 50% no-repeat; }
#Menu .Title a:active, #Survey #Content #Menu div a.More:focus { outline:none; }
#Menu .Title a::-moz-focus-inner { border:0; padding:0 }

#Menu ul { list-style:none; margin:0; padding:0; }
#Menu ul li { list-style:none; margin:5px 0 0 0; padding:0; border-bottom:#e5e5e5 solid 1px; text-indent:13px; background:url(/images/icons/arrow_nano_right.png) 5px 6px no-repeat; }
#Menu ul li a { color:#666; }
#Menu ul li a:hover { color:#666; text-decoration:underline; }
#Menu ul li span { float:right; }
#Menu .Add { float:right; text-indent:20px; background:url(/images/icons/plus.png) no-repeat; margin-top:10px; }
#Menu .Add a { color:#cc2229; }
#Menu .Add a:hover { color:#cc2229; text-decoration:underline; }

/* Survey Body */
#Survey #Content #Body { margin-left:30px; float:left; width:690px; }

/* Sub Menu */
#SubMenu { position:absolute; top:20px; right:20px; z-index:100; }
#SubMenu ul li { list-style:none; float:right; margin-left:10px; padding-left:10px; border-left:#CCC 1px solid; }
#SubMenu ul li a { color:#666; }
#SubMenu ul li.End { border:none; }

/* Footer */
#Footer { position:absolute; bottom:10px; right:10px; z-index:2; font-size:11px; color:#999; }
#Footer a { color:#999; }

/* Question */
#Question { font-size:22px; width:630px; margin-bottom:100px; }
#Question span { float:left; color:#cc2229; font-weight:bold; font-size:24px; padding-right:15px; }
#Question p { float:left; padding:0; margin:0; width:580px; line-height:30px; }

/* Responses */
#Responses ul { list-style:none; }
#Responses ul li { list-style:none; padding:2px 10px 2px 2px; display:block; background:#eaeaea; float:left; margin:0 0 0 3px; width:135px; color:#cc2229; cursor:pointer; }
#Responses ul li.Small { width:110px; }
#Responses ul li.Hover { background:#e3e3e3; }
#Responses ul li input[type="checkbox"], #Responses ul li input[type="radio"] { cursor:pointer; }

/* Progress Bar */
#Progress { background:url(/images/progress_bg_trans.png) repeat-x; height:20px; width:100%; position:relative; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, .2); -webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, .2); margin-bottom:100px; }
#Progress div { background:url(/images/progress_bg.png) repeat-x; height:20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#Progress span { position:absolute; top:25px; width:30px; margin-left:-15px; background:url(/images/icons/arrow_nano_up.png) 12px 0 no-repeat; text-align:center; vertical-align:bottom; display:block; padding-top:5px; color:#666; } 








/* Modal Window */
#Modal { position:absolute; top:0; left:0; z-index:9999; text-align:left; }
#Modal .b { background:url(/images/modal/b.png); border:0; padding:0; }
#Modal .tl { background:url(/images/modal/tl.png); border:0; padding:0; }
#Modal .tr { background:url(/images/modal/tr.png); border:0; padding:0; }
#Modal .bl { background:url(/images/modal/bl.png); border:0; padding:0; }
#Modal .br { background:url(/images/modal/br.png); border:0; padding:0; }
#Modal .tl, #Modal .tr, #Modal .bl, #Modal .br { height:10px; width:10px; overflow:hidden; padding:0; border:0; }
#Modal table.Window { border-collapse:collapse; }
#Modal .Body { background:#fff; width:370px; line-height:1.5em; border:0; padding:0; }
#Modal .Header { background:#ffcacc; color:#b24f53; border-bottom:#ff9ea2 1px solid; border-top:#ffd9db 1px solid; padding:10px; font-size:19px; }
#Modal .Content { padding:10px; font-size:14px; color:#646464; }
#Modal .Content p { padding:0; margin:0; }
#Modal .Footer { padding:10px; border-top:1px solid #DDDDDD; text-align:right; }



#Logo { position:relative; }
#LoginData { width:300px; margin-top:10px; float:right; }

/* Data */
.Data-Table th { padding:0 !important; text-align:left !important; vertical-align:top; padding:10px; font-weight:normal; width:auto !important; }
.Data-Table td { padding:0 0 7px 0 !important; text-align:right !important; vertical-align:top; padding:10px; color:#cc2229; width:auto !important; }

/* Normal Data */
.Normal-Data-Table th { text-align:left !important; vertical-align:top; padding:5px; font-weight:bold; }
.Normal-Data-Table td { vertical-align:top; padding:5px; }



/* Messages & Notifications */
.Notice { padding:10px; background:#ccffcc; border-bottom:#75bb75 2px solid; border-top:#75bb75 2px solid; color:#274027; }
.Notice span { font-weight:bold; color:#274027; display:block; margin-bottom:4px; }
.Error { padding:10px; background:#FFBABA; border-bottom:#bc5e5e 2px solid; border-top:#bc5e5e 2px solid; color:#274027; }
.Error span { font-weight:bold; color:#bc5e5e; display:block; margin-bottom:4px; }



/* Forms */
.FormField { background:#FCFCFC; border:1px solid #8f8f8f; padding:3px 6px; width:220px; }
.FormFieldDull { background:#FCFCFC; border:1px solid #d6d6d6; color:#c1c1c1; padding:3px 6px; width:220px; }
.Form div { clear:both; display:block; margin-top:3px; padding:8px; }
.Form div label { display:block; margin:0 0 3px 0; font-size:11px; color:#666666; }
.Form div select, form div option { width:auto; } 
.Form div table label, .Form div ul label { float:none; width:auto; text-align:left; }
.Form .Req { color:#FF0000; }
.Form .Small { width:40px; }
.Form .Medium { width:70px; }
.Form .Large { width:100px; }
.Form .Wide { width:400px; }
.Form .NoPad { padding-top:0; }
.Form .FieldError { background:#FFBABA; border:1px solid #bc5e5e; }
.Form .Note { font-size:10px; color:#999; padding:0; margin:0; }
.Form .Endnote { font-size:10px; color:#999; }
.Form .Disabled { background:#f7f7f7; color:#999; }
.Form .SubCategory { padding-left:70px; background:url(/images/icons/arrow_subcategory.png) 45px 20px no-repeat; display:none; }
.Form .PlaceholderText { color:#CCC; }
.Form h2 { margin-top:20px; }
.Form .LeftButtons { margin-top:20px; }


/* Button CSS */
.Button { outline:none; font-weight:bold; vertical-align:middle; background:#FFF url(/images/button_grad.png) repeat 0 0; border:1px solid #9d9d9d; color:#cc2229 !important; display:-moz-inline-box; display:inline-block;font-size:11px; padding:5px 7px; _padding:5px 7px 2px; text-align:center; text-decoration:none; white-space:nowrap; -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, .2); -webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, .2); cursor:pointer; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.Button.Disabled, .Button.Disabled:active { border:#9c9c9c 1px solid; background:#eaeaea; color:#999 !important; cursor:default; }
.Button.Deselected, .Button.Deselected:active { border:#9c9c9c 1px solid; background:#eaeaea; color:#999 !important; }
.Button:active { background:#FFF; }
.Button, .Button:active, .Button:focus { outline:none; }
.Button::-moz-focus-inner { border:0;padding:0 }



/* Report */
#Report h1 { padding:20px 0 5px 0; }
#Report h2 { font-size:19px; padding:15px 0 0 0; }
#Report h3, #Report .h3 { font-size:17px; border:none; color:#666; font-weight:normal; text-decoration:underline; padding:10px 0 10px 0; }
#Report ul { margin:0; padding:0; list-style:none; }
#Report ul li { margin:0 0 60px 0; padding:0; list-style:none; }
#Report ul li h2 { font-size:16px; margin:0; padding:20px 0 10px 0; color:#333; }
#Report ul li div { float:right; margin-left:20px; text-align:right; } 
#Report ul li div span.Number { font-size:24px; font-weight:normal; color:#dc2020; display:block; }
#Report ul li div span.Title { font-size:11px; color:#333; display:block; }

#Report ul li ul { margin:30px 0 0 100px; padding:0; list-style:none; }
#Report ul li ul li { margin:50px 0 80px 0; padding:0; list-style:none; }
#Report ul li ul li p { margin:20px 0 18px 0; padding:0; }
#Report ul li ul li h2 { font-size:15px; margin:0; padding:15px 0 0 0; color:#333; }
#Report ul li ul li div { float:right; margin-left:20px; text-align:right; } 
#Report ul li ul li div span.Number { font-size:20px; font-weight:normal; color:#dc2020; display:block; }
#Report ul li ul li div span.Title { font-size:10px; color:#333; display:block; }

#Report.Summary h1 { margin:0; padding:0; }
#Report.Summary h2 { margin:0; padding:0; float:right; }
#Report.Summary h3 { margin:0; padding:30px 0 10px 0; font-weight:normal; font-size:14px; }
#Report.Summary ul { margin:0; padding:0; list-style:none; }
#Report.Summary ul li { margin:0 0 10px 0; padding:0; list-style:none; }
#Report.Summary ul li span { width:100px; display:block; float:left; }
#Report.Summary .List { width:150px; float:left; }


#Report ul.List { margin:0 0 0 40px; }
#Report ul.List li { margin:6px 0 6px 0; list-style:disc; line-height:20px; }





/* Tabular List Display */
.TableList { background:#666; }
.TableList table { background:#f5f5f5; }
.TableList table th { font-weight:normal; color:#FFF; text-align:left; background:#666; }
.TableList table th { padding:4px 6px; }
.TableList table td { padding:10px 6px; }
.TableList table td { background:#f2f1f1; vertical-align:top !important; cursor:pointer; }
.TableList table .Alt td { background:#fafafa; }
.TableList table .Highlight td { background:#aaee68; color:#000; }
.TableList table tr:hover td { background:#cbcbcb; color:#333; }
.TableList table tr.Details td { background:#FFF; }
.TableList table tr.Details:hover td { background:#FFF; cursor:default; }
.TableList input.checkbox { margin:0; width:13px; height:13px; overflow:hidden; }
.Paging { padding:15px; height:20px; }
.TableList table .Selected td { font-weight:bold; color:#000; }