/*--==From atlas.css start==--*/


body {
    margin:  0;
    padding: 0;
    font-family: verdana, sans-serif;
    font-size:   75% /* 12px */;
    line-height: 1.5em;
}

/*
**  Define style for the iFrames in the Atlas Image Panel.
*/

#atlas_image_toc {
    position:         absolute;
    background-color: yellow;
    top:              40px;
    left:             0px;
    height:           100%;
    width:            240px;
    border:           0px;
    border-top:       1px solid gray;
    border-right:     1px solid gray;
}

#atlas_image_body {
    position:         absolute;
    background-color: red;
    top:              40px;
    left:             241px;
    border:           0px;
    height:           100%;
    width:            100%;
    border-top:       1px solid gray;
}

/*
**  Define style for the sub-iFrames in the Atlas Image Body iFrame.
*/

#atlas_image_header {
    position:         absolute;
    background-color: green;
    top:              0px;
    left:             0px;
    height:           30px;
    width:            100%;
    border:           0px;
    border-bottom:    1px solid gray;
}

#atlas_image_image {
    position:         absolute;
    background-color: blue;
    top:              31px;
    left:             0px;
    height:           100%;
    width:            100%;
    border:           0px;
}

/*
**  Define style for the contents of the Atlas Image displays.
*/

.atlasTitle {
    height:           40px;
    line-height:      40px;
    color:            blue;
    font-size:        14px;
    font-weight:      bold;
    text-align:       center;
    vertical-align:   middle; 
}

.atlasImageCaption {
    height:           30px;
    line-height:      30px;
    color:            blue;
    font-size:        14px;
    font-weight:      bold;
    text-align:       center;
    vertical-align:   middle; 
}



.viewerInfo {
    FONT: bold 10px Verdana, Arial, Helvetica, sans-serif; VERTICAL-ALIGN: middle; COLOR: #3949a3
}

.atlasObjectCaption {

    FONT:  bold 16px Verdana, Arial, Helvetica, sans-serif; 

    COLOR: blue;

}



.atlasMatrixCaption {

      FONT:  bold 16px Verdana, Arial, Helvetica, sans-serif; 

      COLOR: blue;

      }



.atlasImageCaption {

      FONT:  12px Verdana, Arial, Helvetica, sans-serif; 

      COLOR: blue;

      }



.atlasErrorLabel {

      FONT:  12px Verdana, Arial, Helvetica, sans-serif; 

      COLOR: blue;

      }
 
.atlasErrorFilename {

      FONT:  bold 12px Verdana, Arial, Helvetica, sans-serif; 

      COLOR: red;} 
.atlasErrorMessage {

      FONT:  bold 12px Verdana, Arial, Helvetica, sans-serif; 

      COLOR: red;

}

.atlasMatrixHelp {

      FONT:  bold 9px Verdana, Arial, Helvetica, sans-serif; 

      COLOR: gray;

}

.atlasPluginHelp {

      FONT:  bold 9px Verdana, Arial, Helvetica, sans-serif; 

      COLOR: gray;

}

.atlasPluginChoice {
    BACKGROUND-COLOR: yellow;
    FONT-FAMILY:      Arial, Geneva, Helvetica, sans-serif;
    FONT-SIZE:        12px;
    FONT-WEIGHT:      bold;
    COLOR:            blue;
}

.atlasPluginToggle {FONT-SIZE: 12px; FONT-FAMILY: Arial, Geneva, Helvetica, sans-serif;}
 
a.atlasPluginToggle:link    {color: blue; text-decoration: underline;}

 a.atlasPluginToggle:visited {color: blue; text-decoration: underline;}



a.atlasPluginToggle:hover   {color: blue; text-decoration: underline;}


/*
**  Define style for the aButton type of link.
*/

.aButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #C0C0C0;
	display:inline-block;
	cursor:pointer;
	color:#404040;
	font-size:11px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.aButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
        color: red;
	border:2px solid #A0A0A0;
}
.aButton:active {
	position:relative;
	top:1px;
}


.viewerButtonLabel {
 	VERTICAL-ALIGN: middle; COLOR: #3949a3
 }

.viewerInfo {
 	VERTICAL-ALIGN: middle; COLOR: #3949a3
 }