@CHARSET "UTF-8";
@import "reset.css";

#header {
	position:relative;
    overflow:hidden;
    -moz-box-shadow:0 1px 2px #999999;
	-webkit-box-shadow: 0 1px 2px #999;
	box-shadow: 0 1px 2px #999;
	background:-moz-linear-gradient(center top , #FFFFFF, #DDDDDD) repeat scroll 0 0 #F6F6F6;
	background:#F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#DDDDDD));
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#DDDDDD);
	margin-bottom: 10px;
}

.text-box {

background: url(images/textfield.png) no-repeat;
border: 1px solid #ccc;
border-top: 1px solid #999;
font-family: Helvetica, Arial, sans-serif;
font-size: 15px; line-height: 1.3em;
padding: 6px 6px;
width: 65%;
float: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
	
}
.text-box:hover{
border-color:#009EE4 #90CBE8 #90CBE8;
border-right:1px solid #90CBE8;
border-style:solid;
border-width:1px;
}

.de-btn-menu {

position: absolute;
z-index: 999;
background: #fff;
border: 1px solid #999;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
-moz-box-shadow: 0 0 3px #999;
-webkit-box-shadow: 0 0 3px #999;
box-shadow: 0 0 3px #999

}

.de-btn-menu .menu-item {

display: block;
padding: .4166em .6666em;
color: #000;
background: #fff;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
cursor: hand

}

.de-btn-enabled {

font:12px/30px Arial,Helvetica,sans-serif;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background:-moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
background: #F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EFEFEF));
border:1px solid #CCCCCC;
cursor:pointer;
overflow:visible;
padding:3px;
border-radius:3px;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF);
vertical-align:middle;
white-space:nowrap;

}

.de-btn-enabled:hover, .de-btn-enabled:focus {

-moz-box-shadow:0 0 3px #999999;
-webkit-box-shadow: #999 0px 0px 3px;
background:-moz-linear-gradient(center top , #FFFFFF, #EBEBEB) repeat scroll 0 0 #F3F3F3;
background: #F3F3F3 -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EBEBEB));
border-color:#999999;
outline:0 none;
text-decoration: none;

}

.de-btn-enabled:active, .de-btn-enabled-active, .de-btn-enabled-active:hover, .de-btn-enabled-active:focus {

filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#CCCCCC, endColorStr=#FFFFFF);
background:-moz-linear-gradient(center top , #CCCCCC, #FFFFFF) repeat scroll 0 0 #DDDDDD;
background: #DDD -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCC), to(white));
border-color:#999999;

}

.de-btn-enabled span.label {

display:inline-block;
line-height:1.6666em;
vertical-align:middle;

}

.de-btn-arrow {

width: 0;
height: 0;
border: 1px solid transparent;
border-width: 5px 5px 0;
border-top-color: #666;
margin-top: -2px

}

.colored-btn, .colored-btn:hover {
	background:-moz-linear-gradient(center top , #FFFFFF, wheat) repeat scroll 0 0 wheat;
	background: #F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(wheat));
	border:1px solid wheat;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=wheat);
}

/* #---------- BOX -----------# */
.box         { position: relative;}
.box .a      { position: absolute;}
.box .t-bg-s { top:0;left:0;width:100%;height:5px;background:url(images/box-v-shadows.png) repeat-x left top; }
.box .l-bg-s { top:0;left:0;height:100%;width:5px;background:url(images/box-h-shadows.png) repeat-y left top; }
.box .r-bg-s { top:0;right:0;height:100%;width:5px;background:url(images/box-h-shadows.png) repeat-y right top; }
.box .b-bg-s { bottom:0;left:0;width:100%;height:5px;background:url(images/box-v-shadows.png) repeat-x left bottom; }
.box .tl-c   { top:0;left:0;width:10px;height:10px;background:url(images/box-corners.png) no-repeat left top; }
.box .tr-c   { top:0;right:0;width:10px;height:10px;background:url(images/box-corners.png) no-repeat right top; }
.box .bl-c   { bottom:0;left:0;width:10px;height:10px;background:url(images/box-corners.png) no-repeat left bottom; }
.box .br-c   { bottom:0;right:0;width:10px;height:10px;background:url(images/box-corners.png) no-repeat right bottom; }
.box .boxcontent { position:relative;padding:5px;}
/* # END BOX # */

  /*start of tabs in viewer*/

  .tab-bar {
	background:none repeat scroll 0 0 #F0F8FF;
	border-bottom:1px solid lightBlue;
	cursor:default;
}
.tab {
	cursor:pointer;
	display:inline;
	margin-right:5px;

}
.tab:hover {
	text-decoration:none;
}

.tab-selected {
	background:none repeat scroll 0 0 white;
	cursor:default;
	padding-bottom:15px;
	-moz-box-shadow:0px -3px 4px #999999;
	-webkit-box-shadow: 0px -3px 4px #999999;
	box-shadow: 0px -3px 4px #999999;
}

fieldset {
    -moz-border-radius:4px 4px 4px 4px;
    border:1px solid lightgrey;
    margin:0 5px;
    padding:5px;
}

h1,h2,h3,h4, legend
{

font:italic 16px/20px Georgia,"Times New Roman","Bitstream Charter",Times,serif;
margin:0;
text-shadow:0 1px 0 #FFFFFF;

}

  /*end of tab*/
.toolsList li{
	margin:0 10px 5px;
	overflow:hidden;
}

.icon-btn {
	float:left;
	margin-right:5px;
}
.icon-btn .label {
	padding-left:26px;
	line-height:24px;
}

.icon-image {
	background:url("images/icons.png") no-repeat;
	height:24px;
	width:24px;
	float:left;
}
.icon-image .label {
	padding-left: 24px;
}
.download-image {
	background-position: -24px top;
}
.clip-image {
	background-position:0 top;
}
.toc-image {
	background-position:-96px top;
}
.zoomin-image {
	background-position:-48px top;
}
.zoomout-image {
	background-position:-72px top;
}
.email-image {
	background-position:-192px top;
}
.search-image {
	background-position:-168px top;
}

.search-prev {
	background-position:-264px center;
}
.search-next {
	background-position:-288px top;
}
.next-page {
	background-position:-240px top;
}
.prev-page {
	background-position:-216px top;
}
.clear-image {
	background-position:-312px top;
}
.fullscreen-image {
	background-position:-336px top;
}
.expand-image {
	background-position:-360px top;
}
.collapse-image {
	background-position:-384px top;
}
.create-image {
	background-position:-408px top;
}
.done-image {
	background-position:-475px top;
}
.delete-image {
	background-position:-432px top;
}
.save-image {
	background-position:-480px top;
}
.archive-image {
	background-position:-504px top;
}
.home-image {
	background-position:-528px top;
}

.share-icon {
	background-position:-552px top;
	/* icon width is 52 */
}
.zoom2-1 {
    background-position: 0px -25px;
}
.zoom2-2 {
    background-position: -48px -25px;
}
.zoom3-1{
    background-position:-96px -25px;
}
.zoom3-2{
    background-position:-144px -25px;
}
.zoom3-3{
    background-position:-192px -25px;
}

table .table-header, table .table-footer,
.ul-header, .ul-footer {

-moz-box-shadow:0 1px 2px #999999;
-webkit-box-shadow: 0 1px 2px #999;
box-shadow: 0 1px 2px #999;
background:-moz-linear-gradient(center top , #FFFFFF, #DDDDDD) repeat scroll 0 0 #F6F6F6;
background:#F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#DDDDDD));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#DDDDDD);
}

.preloader {
	background:url("images/loader_24x24.gif") no-repeat scroll 0 0 transparent;
	display:block;
	height:24px;
	width:24px;
	position:absolute;
	top:5px;
	right:5px;
}

.list-form {

float:left;
margin:0;

}

.list-form li {

clear:both;
margin:0 0 8px;
overflow:auto;
}

.list-form .left {

float:left;
width:135px;

}

.list-form .right {

float:left;
width:370px;
margin-right:5px;
}

.list-form .info {

color:#666666;
font-size:11px;
font-style:italic;
margin:0.2em 0 1em;

}