html { margin: 0; padding: 0; height: 100.1%; background-color: #fff; }

body {  height: 100.1%; text-align: left; color: #333; font-family: Arial, Helvetica, Sans; margin: 0 auto; padding: 0; 
background: #FFFFFF url(../images/body-tail.gif) repeat-x scroll center top; }

strong { color: #666; }

a:link, a:visited { text-decoration: none; color: #8f1b1b; }
a:hover { text-decoration: underline; }

.chalkport-red { color: #8f1b1b; }
.bolded { font-weight: bold; }
.center-me { text-align: center; }

.small-link { color: #8f1b1b; font-size: 0.8em; }

.generic-list { margin-left: 0; }
.generic-list dd { margin-left: 0; }

.hidden { display: none; }

table { border: 1px solid #aaa; }
#main-container { width: 1010px; margin: 0 auto; }
.breaker { clear: both; }

.width-80 { width: 80%; }

#footer { height: 61px; margin: 0 auto; text-align: center; width: 940px; background: #E0E0E0 url(../images/footer-left-bg.gif) no-repeat scroll left top; }
#footer div.right-bg { background: transparent url(../images/footer-right-bg.gif) no-repeat scroll right top;
	height: 61px; line-height: 61px; }


div.hidden-div, tr.hidden-row { display: none; }

#container { border: 0px solid #aaa; padding: 20px; }
#user-add-form, #course-add-form { padding: 10px; border: 1px solid #666; width: 260px; }
#user-add-form input[type=text], #course-add-form input[type=text] { border: 1px solid #666; }

.bordered-red { border: 1px solid #ff0000 !important; }

dl#menu-list { margin: 0; }
dl#menu-list dd { float: left; margin: 0 1px 0 0; line-height: 46px; height: 46px; width: 180px; text-align: center; font-size: 1.2em; }

dl#menu-list dd.menu-entry { background-image: url(../images/menu-item.gif) }
dl#menu-list dd.menu-entry:hover { background-image: url(../images/menu-item-active.gif) }
dl#menu-list dd.menu-corner { width: 18px; }


dl#menu-list dd a:link { color: #fff; text-decoration: none; }
dl#menu-list dd a:visited { color: #fff; text-decoration: none; }
dl#menu-list dd a:hover { color: #fff; text-decoration: underline; }

input#search-user, input#search-course, input#search-survey, input#search-campaign { width: 220px; height: 26px; font-size: 1.4em; border: 2px solid #999; }
input#reset-user-search, input#reset-course-search, input#reset-survey-search, input#reset-campaign-search 
	{ width: 60px; height: 38px; border: 2px solid #999; font-size: 1.4em; }
dl.quick-search-fields { margin: 0; }
dl.quick-search-fields dd { height: 30px; line-height: 30px; margin: 0 10px 0 0; float: left; }

input.big-button { height: 36px; font-size: 1.2em; border: 2px solid #999; text-align: center; padding: 2px 5px 0 5px; }

.border-gray { border: 1px solid #999; }
.lightgray-bg { background-color: #f1f1f1; }
.pad-2 { margin-top: 2px; padding: 2px; }

.pad-10 { margin-top: 2px; padding: 10px; }

#users-list { line-height: 20px; }


/* Survey */
.gray-bg { background-color: #eee; }
.full-height { height: 100.01%; }
.debug { border: 1px dotted green; }
.breaker { clear: both; }
.white-bg { background-color: #fff; }
.questions { padding: 0.5em; margin: 0 0 0.5em 0; }
.questions div.yui-b { line-height: 1.8em }
#doc { padding: 1.0em; }
/* input.big-button { width: 8.0em; height: 2.0em; } */
textarea.text-option { width: 18.0em; height: 8.0em; }
.smaller-text { font-size: 0.9em; }
.pad-5 { padding: 5px; }
.form-error { color: #ff0000; }
.yes-no-container { margin: 0; float: left; width: 45px; text-align:center; }
.yes-no-container input { margin: 0 0 0 5px; }
#option-legend { margin: 0; }
.bordered-question { border: 1px solid transparent; }
.empty_field { border: 1px solid #e66 !important; }
.survey_error { text-align: center; font-size: 1.1em; font-weight: bold; }
#imp-instruct { padding: 0 10px; border: 1px solid #666;  background-color: #fafafa; }
textarea, input[type=text], input[type=password] { border: 1px solid #666; padding: 4px; }


#campaign-add-form, #survey-add-form, #user-add-form, #course-add-form, #add-users-container 
{ border: 1px solid #a1a1a1; padding: 10px; width: 300px; background-color: #f0ffff;}

#add-users-container  { width: 80%; }

.hoverable:hover { text-decoration: underline; cursor: pointer; }

#logo-container { width: 240px; height: 80px; overflow: hidden; }

#edit-nav-links { margin: 0; }
#edit-nav-links dd { float: left; margin: 0 10px 0 0; font-weight: bold; font-size: 1.4em; }

.caption-view { padding: 10px; border: 1px solid #a1a1a1; }

#image-sort { list-style-type: none; margin: 0; padding: 0; width: 120px; }
#image-sort li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 40px; overflow: hidden; border: 1px solid #a1a1a1; }
#image-sort li span { position: absolute; margin-left: -1.3em; }