@CHARSET "UTF-8";
#mainContent textarea {
    width:35em;
    height:10em;
}
#mainContent textarea.form_txtarea {
	width:40em;
	height:30em;
}
#mainContent p {
    margin:0 0 5px 0;
    }
#mainContent h1 {
    margin-bottom:15px;
    }
fieldset.brdr {
	background:url(../images/form-bg.gif) 0 0 repeat-y;
    width:576px;
    border:0;
    padding:0;
    margin-bottom:10px;
	}
#mainContent fieldset.continued {
    margin:0;
	}
fieldset.brdr span.header, fieldset.brdr span.footer {
	width:576px;
	}
fieldset.brdr span.header {
	background:url(../images/form-header.gif) no-repeat;
	}
fieldset.brdr span.footer {
	background:url(../images/form-footer.gif) no-repeat;
	margin-bottom:-11px;
	height:12px;
	}
fieldset.brdr table {
	width:540px;
	margin:15px 0 15px 15px;
	float:left;
	}
/* don't fight tables inside tables - like tinymce */
fieldset.brdr table table, fieldset.brdr dd table {
    width:auto;
    margin:0;
    float:none;
}
#mainContent fieldset.brdr  input.text, #mainContent fieldset.brdr  input.text300  {
    width:200px;
    font-size:14px;
    padding:4px;
    }
#mainContent fieldset.brdr  input.text20 {
    width:20em;
    }
#mainContent fieldset.brdr  input.text30 {
    width:30em;
    }
#mainContent fieldset.brdr  input.text40 {
    width:40em;
    }
#mainContent fieldset.brdr input.padRadio {
    margin:6px 10px;
    }
#mainContent fieldset.brdr  select {
    font-size:14px;
    padding:2px 0;
    }
#mainContent fieldset.brdr option {
    padding:0 5px;
    }
#mainContent fieldset.brdr  input#email {
    width:300px;
    }
fieldset.brdr  td {
	vertical-align:top;
	}
fieldset.brdr  td.label {
    padding-bottom: 5px;
    }
fieldset.brdr  td.field {
    padding-bottom:15px;
    }
fieldset.brdr td.small {
    width:10px;
    padding-right:0;
    }
fieldset.brdr  dd {
    padding-top:5px;
    }
fieldset.brdr  td dd {
    padding:0;
    }
fieldset.brdr  dt {
    padding-top:10px;
    }     
fieldset.brdr  td.buttons {
    text-align:left;
    }
fieldset.brdr dl {
    padding:10px 10px 10px 15px;
    }
fieldset.brdr legend {
    padding-left:10px;
    color: #522398;
    font-size:14px;
    }
fieldset .back, .previewButtons .back {
	background:none;
        padding:0;
        margin:5px 5px 0 0;
        height:29px;
        display:block;
        float:left;
	}
#mainContent .submit,#mainContent .cancel, #mainContent .continueClassroom {
	margin-top:5px;
	}
#mainContent fieldset #doLogin, button.submit,button.deleteSelected, 
#mainContent button.search, button.cancel, button.preview,
button.continueClassroom {
	display:block; /* if not block then you must remove text-indent below for ie7 */
    background:url(../images/form-submit.gif) no-repeat;
    width:87px;
    height:30px;
    cursor:pointer;
    text-indent:-999px; 
    line-height:0;
    font-size:0;
    }
button.submit, button.continueClassroom, button.preview {
	float:left;
	}
button.preview {
	background:url(../images/form-preview.gif) no-repeat;
	}
.buttons .continueClassroom {
	float:left;
	overflow:hidden;
	background:url(../images/continue-in-the-classroom.gif) no-repeat;
	width:247px;
	}	
.buttons .cancel {
	overflow:hidden;
	background:url(../images/form-cancel.gif) no-repeat;
	width:87px;
	height:30px;
	margin:0 10px;
	float:left;
	}
button.deleteSelected {
    background:#e4dbf2 url(../images/form-delete-selected.gif);
    width:137px;
    }
#mainContent button.search {
    background:#e4dbf2 url(../images/form-search.gif) no-repeat;
	}
#mainContent #doSearch {
    display:inline;
    float:none;
}	
.buttons button {
    cursor:pointer;
    }
.chkbx {
    margin-right:1em;
}

table.form {
    border-bottom:1px solid #e4dbf2;
    min-width:95%;
}
table.form th {
    color:#522398;
    font-weight:bold;
    border-bottom:1px solid #e4dbf2;
    text-align:center;
    padding:8px 10px 0px 10px;
}
table.form td {
    padding:4px 8px;
    vertical-align:middle;
    text-align:left;
}
table.form tr.odd td {
    background:#e4dbf2;
}
table.form td.chkbx,table.form th.chkbx {
	width:16px;
	padding:4px 5px;
}
	
.pageNation {
    padding:0px 5px;
    text-align:right;
    clear:left;
}
.pageNation dl, .pageNation dd, .pageNation ul, .pageNation li {
	display: inline;
}
.pageNation li {
	border-left:1px solid #aaa;
	padding:3px;
}
.pageNation a,.pageNation a:visited,.pageNation a:hover {
    padding:0 6px;
    text-decoration:none;
    font-size:12px;
    color:#555;
}
.pageNation dd.selected a, .pageNation li.selected a {
	color:#220058;
	font-size:15px;
	font-weight:bold;
}
.pageNation a:hover {
    color:#5c4b9f;
    text-decoration:underline;
}
.pageNation .first { 
    border:none; 
}

.spaceLeft {
	margin-left:10px;
	}
.pencil_go, .key_go, .add, .delete, .cross, .find, .download_file,
.publish, .unpublish, .toggleFieldset, .back, .copy, .move, .folder, .file,
.list_view, .thumb_view, .check, .email_go {
    padding:3px 0 3px 20px;
}
.check {
	background:url(../images/check.png) no-repeat;
}
.pencil_go {
	background:url(../images/pencil_go.png) no-repeat;
}
.key_go {
	background:url(../images/key_go.png) no-repeat;
}
.add {
	background:url(../images/add.png) no-repeat;
}
.back {
	background:url(../images/back.png) no-repeat;
}
.cross {
	background:url(../images/cross.png) no-repeat;
}
.delete {
	background:url(../images/delete.png) no-repeat;
}
.email_go {
	background:url(../images/email_go.png) no-repeat;
}
.find {
	background:url(../images/find.png) no-repeat;
}
.download_file {
	background:url(../images/download_file.png) no-repeat;
}
.publish {
	background:url(../images/publish.png) no-repeat;
}
.unpublish {
	background:url(../images/unpublish.png) no-repeat;
}
.copy {
	background:url(../images/copy.png) no-repeat;
}
.move {
	background:url(../images/move.png) no-repeat;
}
.folder {
	background:url(../images/folder.png) no-repeat;
}
.file {
	background:url(../images/file.png) no-repeat;
}
.list_view {
	background:url(../images/list_view.png) no-repeat;
}
.thumb_view {
	background:url(../images/thumbs_view.png) no-repeat;
}
.toggleFieldset {
	background:url(../images/bullet_arrow_down.png) no-repeat;
}
.toggleFieldset.contracted {
	background:url(../images/bullet_arrow_right.png) no-repeat;
}
fieldset.contracted dd, fieldset.contracted dt {
	display:none;
}

.floated dl {
	float:left;
	}
.floated dt {
	float:left;
	clear:both;
	width:80px;
}
.floated.floated100 dt { width:100px; }
.floated.floated110 dt { width:110px; }
.floated.floated120 dt { width:120px; }
.floated.floated130 dt { width:130px; }
.floated.floated140 dt { width:140px; }
.floated.floated150 dt { width:150px; }
.floated.floated160 dt { width:160px; }
.floated.floated170 dt { width:170px; }
.floated.floated180 dt { width:180px; }
.floated dd {
	float:left;
	margin-left:10px;
	margin-top:5px;
	/* ah good ol' IE float/clear bugs */
	*float: none;
	*width:auto;
	*margin-left: 100px;
}
#cms_content_html dd, #role_based_html dd {
	*margin-left: 10px;
	}

#mainContent ul.messages, #mainContent ul.errors {
    width:80%;
    margin:5px 0 15px 15px;
    padding:10px 30px;
    border:1px solid #ae0;
    background:#efd url(/themes/default/images/check.gif) 7px 10px no-repeat;
    color:#6a0;
}
#mainContent ul.errors {
    border:1px solid #ff9a90;
    background:#ffebea url(/themes/default/images/stop.gif) 7px 10px no-repeat;
    color:#d63a00;
}

#mainContent fieldset ul.errors {
    margin:0;
    width:auto;
}
.datetimeContainer img {
    vertical-align:middle;
    margin-left:5px;
}
dd .address {
    display:block;
    margin-left: 20px;
    width:200px;
    color:#333;
}
dd .commands {
    float:right;
}

#mainContent .collapseable .zend_form {
    display:block;
    width:653px;
    margin:15px 0 0 30px;
    color:#666666;
    font-family:arial;
}
#mainContent .collapseable .zend_form dd {
    display:block;
    padding:3px 0 10px 0;
}
#mainContent .collapseable .zend_form dt {
    display:block;
    clear:left;
}
#mainContent .collapseable .zend_form input.text, .collapseable .zend_form textarea.text {
    border:1px solid #ccc;
}
#mainContent .collapseable .zend_form textarea.text {
    width:590px;
    height:5em;
}
.collapseable fieldset {
    width:653px;
    margin-left:15px;
    background:#efefef;
    border:0;
    position:relative;
}
.collapseable fieldset .header, .collapseable fieldset .footer  {
    width:100%;
    position:absolute;
    left:0;
    height:6px;
}
.collapseable fieldset .header {
    top:0;
}
.collapseable fieldset .footer {
    bottom:0;
}	
.collapseable fieldset.brdr {
    background:none;
    width:660px;
}
.collapseable fieldset.brdr .header, .collapseable fieldset.brdr .footer {
    background:none;
}
#mainContent .collapseable fieldset.brdr table {
    width:660px;
    margin:10px 0 0 0;
    padding:0;
}
#mainContent .collapseable fieldset.brdr .small input.text,
#mainContent .collapseable fieldset.brdr  .small input#email {
    width:120px;
    font-size:12px;
    padding:4px;
    border:1px solid #ddd;
    }
#mainContent .collapseable fieldset.brdr .small select {
    font-size:12px;
}
#mainContent .collapseable fieldset.brdr .small .label {
    font-size:12px;
    line-height:22px;
    color:#666;
}
#mainContent .collapseable fieldset.brdr .buttons .submit {
    float:right;
    margin-right:40px;
}
.collapseable  .incomplete {
    background:#d00;
    display:block;
    color:#fff;
    width:80px;
    position:absolute;
    padding:4px;
    text-align:center;
    top:8px;
    left:220px;
}

.collapseable .subForm {
    border-bottom:1px solid #ddd;
    width:640px;
    clear:left;
    float:left;
    margin:0 0 10px 15px;
    padding:10px 0;
}
.collapseable .subForm.last {
	border-bottom:none;
}
	
.collapseable .subForm h2 {
    clear:left;
    font-size:18px;
}