/* GLOBAL STYLES */

body{
	margin : 0px 0px 0px 0px;
	font: 12px Arial, Helvetica, sans-serif;
	color : #5C5C5C;
	background:url(bgtop.png) top repeat-x;
}

a{
	color : #3FCDEB;
	font-weight:normal;
	text-decoration:none;
}

/* FOR WORKBOOK LIST AND TITLE */
.workbooks-list{
    display:inline;
    list-style: none outside none;
}

.workbooks-list li{
    display:inline;
    margin-right:10px;
    width:auto;  
}

.workbook-title{font-size:small;}
.new-reviews{color:#FF0000;}

/* FOR MESSAGES */

.mssg, .error{
  text-align : center;
  padding : 10px;
  margin : 10px;
}

.error{
  border : solid 1px #FF0000;
  color : #FF0000;
}

/* FOR POSITIONING */

#div_body{
	min-height : 500px;
	height: auto !important;
	height:500px;
	
	clear : both;
	padding: 16px;
}

#div_logo{
	width : 209px;
	height : 95px;
	background-image : url(logo.gif);
	margin-bottom : 20px;
}

#div_body #container{
	width : 80%;
	margin-left : auto;
	margin-right : auto;
	text-align:center;
}

#div_footer{
	text-align :center;
	margin : auto;
	padding-top:10px;
}

.end{
	width : 100%;
	font : 1px;
	height : 1px;
	clear : both;
}

/* FOR HREVIEW ELEMENTS AND EDITION */

.hreview, .edition-container{
 	border : dotted 1px #B9B9B9;
	margin: 0 auto 16px auto;
	position:relative;
	text-align:left;
}

.edition-container{
  width:60%; 
  padding : 10px;
}

.form-field{
  width : 95%;
}

.hreview .head{
	border-bottom : dotted 1px #B9B9B9;
	padding : 5px;
	font-weight:bold;
}

.hreview .head DIV, ABBR, SPAN {
	display:inline;
	margin-right : 5px;
}

.hreview .head img{
	border : 0px;
	margin-right:10px;
}

.hreview .head .rating img{
  margin : 0px;
}  

.hreview .body {
	padding : 5px;
}

.title, .hreview .body .summary{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	margin-bottom:10px;
}

.disabled{background-color:#F8F8F8;}

button{ text-decoration:none; margin: .5em .4em 0 0; cursor: pointer; width:auto; overflow:visible; background-color:#E8F2F4; border:solid 1px #C0DCE4; color:#5c5c5c;} 

/* DIALOGS */

.ui-dialog { position: relative; padding: .2em; width: 300px; background-color : #FFFFFF; border : solid 1px #AAAAAA;}
.ui-dialog .ui-dialog-titlebar { position: relative; min-height:30px; background-color:#F3F8FA;}
.ui-dialog .ui-dialog-title { position:absolute; padding-left:10px; margin: -10px 0 0 0; top: 50%; color : #5C5C5C;} 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; border-top : solid 1px #F9F9F9;}
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; float: right;}
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; width: 16px; height: 16px; background-image: url(icons_gray.png); }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-trash { background-position: -176px -96px; float:right;}
.ui-icon-check { background-position: -64px -144px; float:right;}
.ui-icon-mail-closed { background-position: -80px -96px; float:right; right:40px; }
.ui-icon-pencil { background-position: -64px -112px; float:right; right:60px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }


/* RESIZABLE */

.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }

.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image:url(maskBg.png);opacity: .20; filter:Alpha(Opacity=20);}