/* GLOBAL */
a:link, a:visited{ text-decoration:underline;	color:#63717A;}
a:hover, a:active{	color:#2D3337;	outline:none }
a { outline: none;}
:focus{  -moz-outline-style: none;}

h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#000; margin-bottom:0.5em; font-family:Verdana; line-height: 2em;}

h1 { font-size:28px; text-align:left; }
h2 { font-size:14px; text-align:left; }

h3 {font-size:1.2em; line-height:1;}
h4 {font-size:1.1em; line-height:1.25;}
h6 {font-size:1em; font-weight:bold;}


p { margin:0; margin-bottom: 1em;}

li { list-style-type: none }

a img { border:0; }


/*** flash messages ***/
.flashMessage { padding: 3px 10px; border:2px solid #fff; margin-bottom: 10px; font-size:1.1em; font-weight:bold;}
.flashMessage.notice { background-color:#e6efc2; color:#264409; border-color:#c6d880; }
.flashMessage.error { background-color:#fbe3e4; color:#8a1f11; border-color:#fbc2c4;}

/*** uploader messages ***/
.uploaderMessage { padding: 3px 10px; border:2px solid #fff; margin-bottom: 10px; font-size:1.1em; font-weight:bold;}
.uploaderMessage.notice { background-color:#e6efc2; color:#264409; border-color:#c6d880; }
.uploaderMessage.error { background-color:#fbe3e4; color:#8a1f11; border-color:#fbc2c4;}

/*** common symfony forms and errors ***/
form ul.radio_list { list-style-type: none; margin: 0; padding: 0;}
form ul.radio_list li { margin: 0; padding: 0; }
form ul.error_list { list-style-type: none; margin: 0; padding: 0; }
form ul.error_list li { margin-left: 10px; padding: 0; color:red; }


/*** form buttons and links decorated as buttons ***/
input.button,
a.button {
  display: inline;
  text-decoration: none;
  color: #000;
  border:medium none;
  cursor:pointer;
  height:17px;
  /*line-height: 17px;*/
  margin:0;
  width:88px;
}

.button.submit {
  background:transparent url("../../images/stage/buttons/btn-submit.gif") no-repeat scroll left bottom;
}

.button.upload {
  background:transparent url("../../images/stage/buttons/btn-upload-gray.png") no-repeat scroll left bottom;
  width:100px;
  height:20px;
}
.button.upload:hover { background-position: left top; }

.button.record {
  background:transparent url("../../images/stage/buttons/btn-record-red.png") no-repeat scroll left bottom;
  width:100px;
  height:20px;
}

.button.record:hover { background-position: left top; }


.button.cancel {
  background: transparent url("../../images/stage/buttons/btn-cancel.gif") no-repeat scroll left bottom;
}

.button.delete {
  background: transparent url("../../images/stage/buttons/btn-delete.gif") no-repeat scroll left bottom;
}

.button.ok {
  background: transparent url("../../images/stage/buttons/btn-ok.gif") no-repeat scroll left bottom;
}

.button.logout {
  background: transparent url("../../images/stage/buttons/btn-logout.gif") no-repeat scroll left bottom;
}

.button.submit:hover,
.button.ok:hover,
.button.cancel:hover,
.button.logout:hover,
.button.delete:hover {
  background-position: left top;
}


/* datepicker inputs donesn't need to be wide */
input[type="text"].hasDatepicker { width : 10em; }
/* .template is a chunk of html used for producing html on client side */
/*div.hidden, div.template { display:none; }*/




/*** many forms have same layout ***/

.formWrapper .title,
.formWrapper .label {
  color:#003466;
}

.formWrapper {
/*  background-color: #fff;
  border:1px solid #999999;
  clear: both;
  padding:10px;*/
  /*width:100%;*/
}

.formWrapper .title {
  font-weight:bold;
  border:1px solid #999999;
  margin-bottom:15px;
  padding: 5px 15px;
  background: none repeat scroll 0 0 #FBE1BC;
}

.formWrapper input[type="text"],
.formWrapper input[type="password"],
.formWrapper textarea
{
  background:none repeat scroll 0 0 #F7FDFD;
  border:1px solid #999;
  color:#666;
  font-weight:bold;
}

.formWrapper input[type="text"]:focus,
.formWrapper input[type="password"]:focus,
.formWrapper textarea:focus
{
  background:none repeat scroll 0 0 #E8EEFD;
}

.formWrapper input[readonly="readonly"] { background-color:#E8EEFD; }

/*** common form table view ***/
.formWrapper table.formTable td, table.formTable th { padding: 5px; }
.formWrapper table.formTable th { width: 30%;  text-align: right;}

/* form buttons */
.formWrapper table.formTable tfoot { text-align: center; }
.formWrapper table.formTable tfoot td { padding-top:10px; }

.formWrapper table.formTable tfoot a,
.formWrapper table.formTable tfoot input,
.formWrapper table.formTable tfoot button
{ margin-left:10px; }


img.videoThumbnail { width:60px; height: 40px; background: transparent url("../../images/stage/icons/loading_small.gif") no-repeat scroll center center; }

span.red { color: red; }
.nobr { white-space: nowrap; }

table.formTable.rubricForm th { width: 100px;}
/*table#rubricSetVariables textarea.columnDescription { margin-left: -16px; }
table#rubricSetVariables textarea.rowDescription { margin-left: -16px; }*/
table#rubricSetVariables textarea.columnDescription { margin-left: 0px; }
table#rubricSetVariables textarea.rowDescription { margin-left: 0px; }

.record {
  width:100px;
  height:24px;
  line-height: 24px;
}