img.help_button_class {
	height: 17px;
	width:17px;
}
div.build_btn_body_class {
	text-align: center;
}

/* section tab bodys*/
form.tabbody {
	padding: 5px;
	border:2px solid #005900;
	height: 530px;
	overflow: auto;
	background-color: #D3D3D3;
	margin:20px 0 5px 0;
	
}
form.tabbody fieldset.doc_info_tabbody {
	border: solid #33D8DF 3px;
	padding: 0 10px;/**For IE8*/
	margin:0;/*overwrite document.css*/
	/*line-height: 0; overwrite document.css*/
}
form.tabbody .label_text {
	font-weight: bold;
	margin-right: 10px;
}
.title_div_class {
	margin-bottom: 10px;
}
div.btn_body_class {
/*General buttons underneath the build panel (exit, previous, and next)
  Setting text-align:right, and then we float the Exit button to left.	
*/
	text-align: right;
}

/*Collection info editor panel*/
input.coll_title_class, textarea.coll_description_class {
	background-color:#FFFFFF;
	width:95%;
	margin:17px;
}
textarea.coll_description_class {
	height:200px;
}

/*Tab view - used by both document panel and collocation panel
Credits: Dynamic Drive CSS Library 
URL: http://www.dynamicdrive.com/style/ */
.DDCSS-tabs {
    float:left;
    width:100%;
    font-size:93%;
    line-height:normal;
    overflow:hidden;
    }
.DDCSS-tabs ul {
    margin:0;
    padding:10px 10px 0 0px;
    list-style:none;
    line-height:1em;/*override ul definition in document.css*/
    }
.DDCSS-tabs li {
    display:inline;
    margin:0;
    padding:0;
    }
.DDCSS-tabs a {
    float:left;
    background:url("../images/tab-left.png") no-repeat left top;
    margin:0;
    padding:0 0 0 6px;
    text-decoration:none;
    }
.DDCSS-tabs a span {
    float:left;
    display:block;
    background:url("../images/tab-right.png") no-repeat right top;
    padding:6px 15px 4px 6px;
    margin-right:2px;
    color: darkTurquoise;
    font-weight: bold;
    cursor: pointer;
    }
.DDCSS-tabs a:hover {
    background-position:0% -42px;
}
.DDCSS-tabs a:hover span {
    background-position:100% -42px;
}
.tab-content {
    float: left;
    width:100%;
    height: 320px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
}
/**End of Tab view ********************/    

/**Customisation for tabs used in Collocations*/
#collo_types_container .DDCSS-tabs ul {
    margin:0;
    padding:0;
}
.collo_type_contents ul {
	margin:0;
	padding:0;
}
.collo_type_contents ul li {
	list-style: none;
}
.collo_type_contents ul li span.collo_type_displayname{
	margin: 0 5px;
}
.collo_type_contents ul li span.collo_type_sample{
	font-style:italic;
}
/**End of Customisation for tabs used in Collocations*/

/*Add/edit document step*/
div.edit_doc_panel {
	height: 100%;
}

div.doc_btn_body{
    text-align:right;
}
input.doc_title {
	width: 328px;
	margin-left: -6px;
}
/*Document editor*/
#img-tab-content, #aud-tab-content, #vid-tab-content  {
	position: relative;
	list-style: none;
	padding: 0;
	margin:0;
}
textarea.doc_content {
	width: 100%;
	height: 250px;
	margin: 0;
	padding: 0;
	border: none;
}
form.tabbody div.add_doc_btn_body {
	margin: 10 0;
	text-align: center;
}
form.tabbody div.add_doc_btn_body .copyright_notice_class{
    background-color: #33D8DF;
    text-align: left;
}

/**div.doc_feature_panel {
	position:relative;
	height:20px;
	margin-top:5px;
}
div.doc_feature_panel img{
	margin-right:5px;
	vertical-align:middle;
}
*/
.num_para_notice_panel {/*Paragraph detection and paragraph separator notice label tex*/
	color:#000000;
	font-size: 0.9em;	
	font-weight:normal;
	font-style: italic;
	text-align:right;
	background-color: #FFFFFF;
}
.attach_file_gadget_body_class {
	position: relative;
	margin: 5 5;
	overflow: auto;
}
.attach_file_container {
	position:absolute;
	top:0;
	left:20;
	text-align: left;
	font-size:0.9em;
}
.upload_status_container {
	font-size: 0.9em;
}
.upload_status {
	font-style: italic;
}
.delete_status_container {
	font-size: 0.9em;
}
.delete_status {
	font-style: italic;
}
.file_input  {
	opacity: 0;/*Firefox*/
    filter:alpha(opacity=0);/*IE*/
	z-index: 2;
	height:20px;
	position:absolute;
	top:0px;
	left:0px;
    cursor:pointer;
}
span.upload_file, span.remove_file{
	line-height:1.5em;
	text-decoration:underline;
    cursor:pointer;
}
.attach_result_container {
	position:absolute;
	top:0;
	left:20;
	text-align: left;
	font-size:0.9em;
}
.attach_result {
	font-size:0.9em;
	font-style:italic;
	margin-right:20px;
	border:none;
}
/*Activity Info panel*/
.languageBox {
    border: none;
}
form.tabbody ul.activity_list_ul {
    margin: 10px 0 0 0 ;    
    padding: 0;
}
ul.activity_list_ul li {
    list-style: none;
}
ul.activity_list_ul li p {
    margin: 0;
}
form.tabbody .activity_description {
	background-color: #FFFFFF;
	margin-left: 22px;
}
form.tabbody p.activity_type {
	margin-top: 10px;
}
form.tabbody .activity_description p.activity_type span {
    margin-left: 10px;
}

/*Collocation tab*/
fieldset.collo_body h4 {
	text-align: center;
}
fieldset.collo_body h4 input {
    margin-left: 40px;
}
fieldset.collo_body .collo_option_body hr{
    border-top: solid #33D8DF 3px;
}
fieldset.collo_body .collo_option_body table tbody tr{
	margin-top: 20px;
}
fieldset.collo_body .collo_option_body td.collo_left{
    width: 248px;
    font-weight:bold;
    vertical-align: top;
    background-color: #E0E0E0;
}
fieldset.collo_body .collo_option_body td.collo_right{
    width: 900px;
    background-color: #FFFFFF;
}
fieldset.collo_body table.collo_types tbody tr td{
    width: 200px;
}
fieldset.collo_body .collo_option_body ul.collo_list {
	list-style: none;
	margin:0;
	padding: 0;
}
li#collo_feature, li#collo_notepad{
    display:table-cell;
}
li#collo_notepad {
	vertical-align:top;
}
li#collo_feature {
	width:900px;
}
td.collo_feature_name{
    font-weight:bold;
    vertical-align: top;
    background-color: #E0E0E0;
    width: 700px;
}
td.collo_feature_name span{
	margin: 0 10px;
}
td.collo_feature_name span img{
	height: 14px;
	width: 17px;
	cursor: pointer;
}
td.collo_feature_value {
    background-color: #FFFFFF;
    width: 450px;
}
div.all_none_btns_panel span{
	color: blue;
	font-style: italic;
	cursor: pointer;
	padding: 5px 0;
}

/*Build tab*/
div.build_info_body {
	height: 435px;
	overflow: auto;
    border-bottom: 3px solid #33D8DF;
}
div.build_info_body .build_info_header {
	text-align: center;
	font-weight: bold;
	border-bottom: 3px solid #33D8DF;
}
div.confirm_build_body {
	margin-top: 10px;
	text-align: right;
	color:#1A1A1A;
	font-weight:bold;
}
div.confirm_build_body input {
	margin: 0 10px;
}
div.build_info_body table tbody tr td.name{
	width: 200px;
}
div.build_info_body table tbody tr td.value{
	width: 647px;
}
div.build_info_body table tbody tr td.value div.doc_content_container{
    height:200px;
    overflow: auto;
}
/**Document list (for both on the collection content panel and on the build info panel of the last step*/
legend.content_fieldset_legend {
	font-weight: bold;
}
table.doc_list {
	cell-spacing: 5px;
	background-color: #D3D3D3;
}
td#no_doc_notice_id {
	border: 1px solid red;
}

table.doc_list tbody tr td{
    text-align:center;
    vertical-align:top;
    border: none;
}
table.doc_list tbody tr td.doc_btns{
	vertical-align: middle;
}
table.doc_list tbody tr th.hidden_th{
	visibility:hidden;
}
table.doc_list tbody tr .doc_title_cell_class {
	width: 450px;
	text-align:left;
}
/*table.doc_list tbody tr td.doc_btns img {
    margin-right: 5px;
    border:1px solid #A3FF46;
    cursor: pointer;
}*/
table.doc_list tbody tr td.doc_btns a {
    margin-right: 5px;
    cursor: pointer;
}
table.doc_list tbody tr td.doc_btns a:hover {
    background-color: #F2F2F2;
}

