ul.alphalist li
{ float:left;
  margin: 0px 8px;
  list-style: none;
  }
  
div.form fieldset {
border:2px solid #E5E5E5;
margin-bottom:20px;
padding:10px;
}

ul.horizontal li
{
    float: left;
}


ul.horizontal li
{
    list-style: none;
    margin: 0px 8px;
}

ul.grades li
{
    width: 110px;
}


input
{
    border:solid 1px #848484;
}

input[type="checkbox"] {border: none;}
input[type="radio"] {border: none;}

select.select
{
    height:20px;
    width:151px;
    border-style: solid;
    border-width: 1px;
    border-color: #848484;
}   


li#liaddmodule 
{
    border: none;   
}





/* ************ Data Entry Form ********************/
div.form fieldset fieldset
{
	border: none;
	margin: 0px;
	padding-top: 0px;
}

div.form fieldset fieldset legend
{
    font-size: 14px;
    font-weight: bold;
}

div.form div.notes{
	margin:0px 0px 10px 0px;
	color:#666666;
	line-height:135%;
	
	border: solid 1px #E9F2DF;
	background-color: #E9F2DF;
	padding: 3px;
	font-size: 13px;
	border-top: 1px solid #85AF25;
}

div.form fieldset fieldset div
{
    margin: 10px;
}

div.form fieldset .buttons
    {
        margin: 10px;
    }

div.form label
{
    font-weight: bold;
    margin: 2px;
}


div.add 
{
    margin: 0px 0px 0px 0px;
}

.leftcol
{
    float:left;
}

.rightcol
{
    float: right;
    text-align: right;
}

/******************************************************/





/* ****************** Site Specific Styles *********************** */
#mask
{
    width: 100%;
    background-color: #333;
}





.editinner
{
   /* width: 960px;*/
    margin: 0px auto;
}

.editinner .editinner
{
    width: 97%;
    margin: 0 auto;
    padding: 8px;
}


div.editinner div.editor
{
    margin-left: 155px;
    
}

.editinner .form div .label
{
    font-weight: bold;
    width: 150px;
    margin: 2px 16px 2px 0px;
    text-align: right;
    display: inline-block;
    vertical-align: top;
}

div.editinner input.extralong, div.editinner textarea.extralong
{
    width: 500px;
}


div.editinner div
{
    margin: 4px 0px;
}

div.editinner fieldset
{
    /*border: none;*/
}

div.editinner fieldset legend
{
    font-size: 20px;
    font-weight: bold;
}

div.editinner div.action
{
    margin: 16px;
    display: table;
}

div.editinner input, div.editinner select
{
    border: solid 1px #000;

 /*   width: 150px;*/
}

div.editinner input
{
        padding: 1px;
}

div.editinner .button
{
    width: auto;   
}

div.editinner input[type="checkbox"]
{
    width: auto;   
}

div.editinner .action a
{
    margin: 0px 4px;
}


.skinlist
{
    clear: both;
    padding: 0px;
    margin: 0px auto !important;
    padding-left: 140px;
    width: 710px;
}

.skinlist li
{
    display: inline-table;
    padding: 8px !important;
    margin: 8px !important;
    border: solid 1px #848484;
    background-image:none !important;
    list-style:none;
    text-align: center;
    width: 200px;
    float:left;
    height: 160px;
    
}

.skinlist li img
{
    width: 200px;
    height: 88px;
}

.clear 
{
    clear: both;
}


.optSkin input
{
    width: auto !important;
}


.width50
{
    width: 50%;
}


span.duedate, span.assigneddate, span.submitassign
{
    margin: 0px 4px;
    font-weight: bold;
}

span.duedate
{
    float:left;
}

span.assigneddate, span.submitassign
{
    float:right;
}

.desc 
{
    clear: both;
    margin: 8px 16px;
    display: table;
}

ul.pagenav span
{
    white-space: nowrap;
}

#sitesearch 
{
     background: #fff url('images/bkgrnd.png') repeat-x top left;
     width:100%;    
}

#sitesearch #content
{
   width: 754px;
   margin: 0px auto;
   background: transparent url('images/graduation.png') no-repeat top left;
   padding: 100px 0px 0px 75px;    
}

#sitesearch input
{
    font-size: 18px;
}

#sitesearch h1
{
    margin: 80 40 20 40;
}

#sitesearch h2
{
    margin: 10 40;   
}

/* ******** Autocomplete ********* */
.ac_results {
	padding: 0px;
	/*border: 1px solid WindowFrame;*/
	background-color: Window;
	/*overflow: hidden;*/
	margin-left: 1px;
	color: #85AF25;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden !important;
	border: solid 1px #85AF25;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
	text-transform: capitalize;
}

.ac_loading {
	background : Window url('images/indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}



.Footer
{
 /* position:relative;
  z-index:0;
  overflow:hidden;
  width: 888px;*/
  /*  margin: 5px auto 0px auto;*/
}

.Footer .Footer-inner
{
  /*height:1%;
  position: relative;
  z-index: 0;
  padding: 8px;*/
  text-align: center;
}

.Footer .Footer-background
{
  position:absolute;
  z-index:-1;
  background-repeat:no-repeat;
  background-image: url('images/Footer.png');
  width: 888px;
  height: 100px;
  bottom:0;
  left:0;
}



.rss-tag-icon
{
  position: relative;
  display:block;
  float:left;
  background-image: url('images/rssIcon.png');
  background-position: center right;
  background-repeat: no-repeat;
  margin: 0 5px 0 0;
  height: 32px;
  width: 30px;
}




#shadowbox_content.html {
  height: 100%;
  width: 100%;
  overflow: hidden;
} 

p.addnew
{
    margin: 8px 0px !important;
    font-size: 140%;   
}




/* CALENDAR STYLES */
#jMonthCalendar a { font-size:11px; }
        
#jMonthCalendar { position:relative; }
.MonthlyCalendar .MonthNavigation { border-bottom:solid 1px #ddd; clear:both; height:20px; padding:5px 10px 0 10px; }
.MonthlyCalendar .MonthNavPrev, .MonthlyCalendar .MonthNavNext, .MonthlyCalendar .TodayLink { width:7%; float:left; }
.MonthlyCalendar .YearNavNext, .MonthlyCalendar .YearNavPrev { width:10%; float:right; }
.MonthlyCalendar .MonthName { width:59%; text-align:center; font-weight:bold; float:left; }


.MonthlyCalendar { height:100%; width:100%; border:solid 1px #ddd; border-collapse:collapse; }
.MonthlyCalendar #CalendarHead { width:100%; background:#F7F7F7 none repeat scroll 0 0; }
.MonthlyCalendar #CalendarHead .DateHeader { width:14%; text-align:center; }

.MonthlyCalendar #CalendarBody { }
.DateBox { vertical-align:top; border:solid 1px #ddd; }
.DateLabel { height:16px; width:100%; background:#F7F7F7 none repeat scroll 0 0; text-align:right; }
.DateLabel a { cursor:pointer; padding:0 5px 2px; text-decoration:none; line-height:16px; }

#CalendarBody .Inactive, #CalendarBody .Weekend { background:#fafafa none repeat scroll 0 0; }
.Today { background:#A9DFFF none repeat scroll 0 0; }

#jMonthCalendar .Event { font-size:12px; padding:4px; background-color:#C0D0FF; margin-bottom:1px; -moz-border-radius:0 8px 8px 8px; border:solid 1px #000; cursor:pointer; display:block; }
#jMonthCalendar .Cancelled { border:solid 1px #FF0000 !important; background-color:#FFB27F !important; }
#jMonthCalendar .Important { border:solid 1px FFB27F !important; background-color:#FF0000 !important; }
#jMonthCalendar .Important a {color: #fff !important; font-weight: bold;}
.Event a { text-decoration:none; color:#000; }
.Event a:hover { text-decoration:underline; }

/* DATE PICKER CSS */
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* END DATE PICKER CSS */



.noshow
{
    border: solid 1px orange !important;
}

.artmenu a span span
{
    background: none !important;  /*hack until i fix the skinning of artisteer skins... remove after fix */
}



.Post .jcarousel-clip ul li
{
    background-image: none;   /* override artisteer styles for post content */
}


.survey ul li
{
    background-image: none !important;
    list-style: none;
}


.survey_results div.group
    {
        margin: 0 3ex;
        border: 1px dotted #ccc;
        overflow: hidden;
        padding: 12px;
    }
.survey_results div.group div
    {
        border-bottom: 1px dotted #ccc;
        overflow: hidden;
        clear: left;
    }
    .survey_results div.group div label
    {
        display: block;
        float: left;
        width: 140px;
        overflow: hidden;
    }
     .survey_results div.group div em
    {
        padding-left: 1em;
        color: #fff;
        display: none;
        float: left;
    }


.highlight
{
    border-color: orange !important;
}



#myclasses .form div .label
{
    margin: 0px !important;
    text-align:left !important;
    vertical-align: inherit !important;
}

select.medium
{
    width: 130px;
}
    
    
#searchresults li
{
    float:left;
    width: 215px;
    font-size: 16px;
    list-style:none;
    background-image: none;
}

.jadd .buttons
{
    padding-left: 150px;
}


.art-BlockContent
{
    padding: 4px 0px;
}

#modulecontainer
{
    padding: 24px 27px 24px 27px;  
}