/*
* {
	font-family: "Trebuchet MS", "Liberation Sans", "DejaVu Sans", sans-serif;
}
*/

/* @group borrowed from blueprint */
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}

.not_complete, .error, .notice, .success, .warning { padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.warning {background:#8a1f11;color:yellow;border-color:black;}
.error a {color:#8a1f11;  text-decoration: underline;}
.notice a {color:#514721; text-decoration: underline;}
.success a {color:#264409;text-decoration: underline;}
.warning a {color:#8a1f11;text-decoration: underline;}

/* @end */


table {
	margin: 1em 0;
	/*border-collapse: collapse;*/
}

th {
	text-align: left;
	font-style: italic;
}

td.label {
	text-align: right;
	font-size: .8em;
	font-style: italic;
	width: 120px;
	/*background-color: #eee;*/
	padding-right: .7em;
}

.not_complete {
	background: #FBE3E4;
	color: #000;
	border-color: #fa451e;
}

td.label div.fieldWithErrors {
	background-color: transparent;
}

.fieldWithErrors {
	padding: 0px;
	margin: 0px;
	color: red;
	display: block;
}
.formError {
	color: red;
	font-size: .8em;
	font-style: italic;
}

.inline_error {
	background:#900;
	color:#fff;
	padding: .1em .5em;
}


#errorExplanation {
	float: right;
	width: 350px;
}

/* @group crumb */

ul.crumb {
	width: 700px;
	padding-left: 0px;
	/*border: 1px solid red;*/
	/*display: block;*/
	background: url(../images/bc-bg-corners.gif) no-repeat center -2px;
}

.crumb li {
	display: inline-block;
	background: url(../images/chevron.png) no-repeat right;
}

.crumb li a {
	height: 30px;
	/*margin: 10px;*/
	display: block;
	padding-right: 20px;
	padding-top: 10px;
	padding-left: 5px;
}

.crumb li a:hover {
	background-color: transparent;
}
.crumb li a img {
	vertical-align: middle;
	padding-right: 2px;
	margin-top: -5px;
}
ul.crumb li.home a {
	color: transparent;
	font-size: 10px;
	padding-right: 7px;
}
ul.crumb li.home {
	background: url(../images/chevron-home.png) no-repeat left center;
	/*background-image: none;*/
}

/* @end */

#footer {
	border-top: 1px solid grey;
	padding: 0;
	margin: 0;
	width: 100%;
	clear: both;
}

.col2 {
	float: left;
}

/* @group Buttons */

a.big_btn {
	padding: 2px 5px;
	border: 1px outset #0e1f5b;
	border-left-color: #d9dfea;
	border-top-color: #d9dfea;
	background-color: #3b5998;
	color:  white;
/*	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;*/
	font-family: "Trebuchet MS", "Liberation Sans", "DejaVu Sans", sans-serif;
}

a.big_btn:hover {
	border-style: inset;
	text-decoration: none;
	background-color: #23355c;
}


/*input[type=text], input[type=password],input.text, input.title, textarea, select { 
	background-color:#fff; 
	border:1px solid #bbb; 
}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { 
	border-color:#666; 
}
input[type=text], input[type=password],input.text, input.title,textarea, select { 
	margin:0.5em 0;
}
input.text, input.title { 
	width:300px; 
	padding:5px; 
}
input.title { 
	font-size:1.5em; 
}
textarea { 
	width:390px; 
	height:250px; 
	padding:5px; 
}
input[type=checkbox], input[type=radio], input.checkbox, input.radio { 
	position:relative; 
	top:.25em; 
}*/

input[type=submit], a.big_btn {
	padding: 2px 5px;
	border: 1px outset #0e1f5b;
	border-left-color: #d9dfea;
	border-top-color: #d9dfea;
	background-color: #3b5998;
	color:  white;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1em;
}

/* Hyves style
input[type=submit], a.big_btn {
	border: 1px solid rgb(185, 185, 185);
	background: url(http://cache1.hyves-static.net/images/navigation/greybutton.png);
	color: black;
	cursor: pointer;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	font: normal normal normal 12px/1.5 Verdana, sans-serif;
	-webkit-box-align: center;
	-webkit-box-sizing: border-box;
	padding: 2px 6px 3px 6px;
	text-align: center;

*/

input[type=submit]:hover, a.big_btn:hover {
	border-style: inset;
	text-decoration: none;
	background-color: #23355c;
}

input[type=submit]  {
	cursor: pointer;
	cursor: hand;
}

input[type=submit][disabled], input[disabled="disabled"] {
	background-color: #ddd;
}

/* @end */

/* @group Admin Area */


.admin table {
	padding: 0px;
	border-collapse: collapse;
}
.admin tr {
	border-right:  1px solid #dadada;
}
.odd {
	background-color: #f4f4f4;
}
.even {
	background-color: #e8e8e8;
}
.admin td {
	border-bottom: 1px solid #dadada;
	border-left:  1px solid #dadada;
	margin: 0px;
	padding: 2px;
}

.admin tr.header th {
	background-color: #e96419;
	border: 2px outset #dadada;
	color: #050405;
}
.admin tr.subheader th {
	background-color: #ede791;
	border: 2px outset #dadada;
}

.admin table.layout tr,
.admin table.layout th,
.admin table.layout td {
	border: 0px;
	vertical-align: top;
}
.admin table.layout td.spacer {
	width: 10px;
	/*border: 1px solid blue;*/
}

.admin #page {
	background: white url('../images/2003002-mockup_header_fille.jpg') repeat-x left top;
}

.admin #header {
	height: 0px;
	background: none;
}


.admin #headerimg h1 a {
	width: 654px;
	height: 0px;
	background: none;
	color: transparent;
	display: block;
}

#headerimg h1 {
	margin: 0px;
	padding: 0px;
}

#page { 
	border: none; 
}

span.radio {
	margin-right: 5px;
	padding: 2px 5px;
	padding-left: 0px;
	border: 1px outset #0e1f5b;
	border-left-color: #d9dfea;
	border-top-color: #d9dfea;
	background-color: #fbfedd;
	color: #fff;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1em;
	background-color: #3b5998;
}

span.radio.selected {
	/*background-color: #fefc68;
	color: #fff;*/
	background-color: #cdcdcd;
	color: black;
}

span.radio input[type=radio] {
	width:  0px;
	height: 0px;
}
span.radio label {
	cursor: pointer;
	cursor: hand;
}

div#sidebar ul {
	margin-top: 1em;
	/*border: 1px solid black;*/
}
div#sidebar ul li {
	margin: 0px;
}
div#sidebar ul li a {
	border: 1px outset #c9c9c9;
	/*border-left-color: #d9dfea;
	border-top-color: #d9dfea;*/
	/*background-color: #fbfedd;*/
	width: 170px;
	display: block;
	padding: 2px 3px;
	font-size: .9em;
	background-image: url(../images/greybutton.png);
	margin-bottom: 5px;
}
div#sidebar ul li a:hover {
	border-style: inset;
}

/* @end */

/* @group Classification */

.classify_list {
	margin:0px;
	margin-right: 1em;
	padding:0px;
	float: left;
	width: 240px;
}

.classify_list h3 {
	margin: 0px;
	padding-bottom: .3em;
	margin-bottom: .3em;
	border-bottom: 2px solid gray;
}
.classify_list h3 img{
	float:right;
	margin-right: .5em;
}
.classify_list li {
	height: 25px;
	padding-bottom: 2px;
}
.classify_list ul,
.classify_list ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 2px;
}
#classification {
	width: 340px;
}
span.category {
	width: 25px;
	height: 25px;
	vertical-align: middle;
	text-align: center;
	display:inline-block;
	font-size: .8em;
}
span.audio{
	display: inline-block;
	width: 15px;
	vertical-align: middle;
}
.ui-state-highlight {
	background-color: #fee26c;
	border-color: #febb65;
}

.actions {
	/*border: 1px solid blue;*/
	float: left;
	display: inline-block;
	padding-right: 5px;
}

.actions .number,
.actions .move,
.actions .replace,
.actions .insert {
	width: 25px;
	height: 25px;
	float: left;
	/*padding-right: 1px;*/
}
/*.actions .number  { background: url(../images/icn_blank.png)   no-repeat; }*/
.actions .move    { background: url(../images/icn_move.png)    no-repeat; }
.actions .replace { background: url(../images/icn_replace.png) no-repeat; display: none; }
.actions .insert  { background: url(../images/icn_insert.png)  no-repeat; display: none; }

/*.actions .number:hover  { background: url(../images/icn_blank_hover.png)   no-repeat; }
.actions .move:hover    { background: url(../images/icn_move_hover.png)    no-repeat; }
.actions .replace:hover { background: url(../images/icn_replace_hover.png) no-repeat; }
.actions .insert:hover  { background: url(../images/icn_insert_hover.png)  no-repeat; }*/

.drophover .actions .number  { display: none; }
.drophover .actions .move    { display: none; }
.drophover .actions .replace { display: block; }
.drophover .actions .insert  { display: block; }

.drophover {
	background-color: rgba(187,187,187,0.31);
	background-color: red;
	/*border: 1px outset #5b5b5b;
	border: 1px solid red;*/
}


.number.drophover  { background: yellow url(../images/icn_blank_hover.png)   no-repeat; }
.move.drophover    { background: yellow url(../images/icn_move_hover.png)    no-repeat; }
.replace.drophover { background: yellow url(../images/icn_replace_hover.png) no-repeat; }
.insert.drophover  { background: yellow url(../images/icn_insert_hover.png)  no-repeat; }

#classification_values ul {
	padding-left: 35px;
}

#classification_values ul li {
	display: list-item;
	border: 1px solid gray;
}

#classification_numbers ol {
	padding: 0px;
	float: left;
	margin: 0px;
	/*width: 50px;*/
}

#classification_numbers ol li {
	list-style-position: inside;
/*	list-style-type: decimal-leading-zero;*/
	height: 25px;
	width: 3px;
	margin-top: 2px;
	padding-left: 5px;
	display: list-item;
	/*border: 1px solid red;
	background-color: red;
	display: block;
	border-color: red;*/
}

#add_li_to_classifications {
	border: 1px solid red;
	display: inline-block;
	clear: both;
}
#trash {
	width: 240px;
	height: 25px;
	border: 1px solid gray;
	margin-bottom: 2px;
	text-align: center;
	vertical-align: middle;
}
/* @end */

.help {
	border: 1px solid #FFD324;
	padding: 4px;
	background:#FFF6BF;
	color:#514721;
	width: 170px;
	font-size: 1em;
}

ul.tabs {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
}

ul.tabs li {
	margin: 0px;
	display: inline;
}
ul.tabs li a {
	border: 1px outset #c9c9c9;
	display: inline;
	padding: 2px 3px;
	font-size: .9em;
	background-image: url(../images/greybutton.png);
}
ul.tabs li a:hover {
	border-style: inset;
}

form {
	margin: 0px;
	padding: 0px;
}
#sform {
	display: inline;
}

h1, h2, h3, h4 {
	font-family: "Interstate", interstate-regular, "Lucida Grande", Helvetica, Arial, sans-serif; 
}

ul.tabs li.current a {
	border: 1px outset #c9c9c9;
	background-image: none;
	background-color: red;
	color: yellow;
	font-weight: bold;
}