/* =====================
TILE Project
Copyright 2010 MITH

Written by Elisabeth Kvernen
Maryland Institute for Technology in the Humanities

swatch colors
------------------
f6ecd4 - cream 1
f2e4c2 - cream 2
ccbb93 - tan 1
564a25 - tan 2
e6e7b8 - green 1
dadb9d - green 2
afbf37 - green 3
14253d - dark blue
41475b - almost dark blue
======================== */

/* Yahoo CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* General styles ------------------- */
body {
	bottom:0;
	left:0;
	margin:0;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0;
	color:#41475b;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:90%;
	line-height:1.5em;
	background:#fffaef url('../images/bkgd.gif');
}
.az {
	bottom:0;
	left:0;
	overflow:visible;
	position:absolute;
	right:0;
	top:0;
	
}
h1 {
	font-size:2em;
}
h2 {
	font-size:1.4em;
}
h3 {
	font-size:1.25em;
}
h4 {
	font-size:1em;
}
p {
	font-size:1em;
}
a {
	color:#41475b;
	text-decoration:none;
}
a:hover {
	color:#061224;
	border-bottom:1px dashed #14253d;
}
/* ------ MISC --------- */
#srcImageForCanvas {
	display:block;
}
.submitFormHidden {
	display:none;
}


/* Clearfix styles--------- */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}
.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
} 
* html .clearfix {
    height: 1%
}
/* Header styles ------------------- */
.header {
	bottom:auto;
	opacity:1;
	z-index:2;
}
.header .logo {
	padding:10px;
	left:0;
	width:280px;
}
.header .globalmenu {
	padding:45px 10px 10px 10px;
	right:0;
	left:auto;
	text-align:right;
	width:300px;
}
/* Main area styles ------------------- */
.main {
	top:75px;
	height:auto;
	opacity:1;
	z-index:1;
}

.content {
	right:0;
	opacity:1;
	z-index:1;
	min-width:630px;
}
.contentclone {
	right:0;
	opacity:1;
	z-index:1;
}
.inner {
	margin:3px 3px 5px 3px;
	border:1px solid #d5db97;
	height:auto;
	background:#fff;
	overflow:hidden;
}
.btnIcon {
	width:15px;
	height:15px;
	display:inline-block;
	border:1px solid #fff;
}
.btnIconLarge {
	width:19px;
	height:19px;
	display:inline-block;
	border:1px solid #fff;
}
a.btnIconLarge:hover {
	border-bottom:1px solid transparent;
}
.workspace{
	position:absolute;
	overflow:auto;
}
.vd-container{
	z-index:1032;
}
/**specific to the content area**/


/* Dropdown and menu styles --------------- */
.button {
	padding:2px 7px;
	background:#e7dab9 url('../images/bkgd_btn.jpg') repeat-x;
	border:1px solid #ccbb93;
	margin:0;
	cursor:pointer;	
	width:auto;
}
.button:hover {
	background:#FDFDEC url('../images/bkgd_btn-hover.jpg') repeat-x;
	border-bottom:1px solid #ccbb93;
}
.button.active {
	background:#FDFDEC url('../images/bkgd_btn-active.jpg') repeat-x;
	border-bottom:1px solid #ccbb93;
}
.menuitem {
	margin-right:10px;
	display:inline;
	float:left;
	position:relative;
}
.menuitem li, .menuitem p {
	padding-right:5px;
}
.menuitem p {
	margin-left:5px;
}
.ddown {
	display: inline;
	height:19px;
	position:relative;
}
.ddown select {
	background:#fff;
	background-image:none;
	border:1px solid #AFBF37;
	font-size:90%;
	color:#41475B;
	width:auto;
}
.ddown select option {
	border:none;
	margin:1px;
	padding:1px;
}
.ddown select option:hover {
	background-color:#FDFDEC;
}

/* Toolbar styles --------------- */
.toolbar {
	height:25px;
	background:#f8ecce;
	border:1px solid #fff;
	padding:10px;
	position:relative;
}
.toolbar ul, .toolbar ul li, .toolbar p {
	display:inline;
}
.toolbar li.small {
	font-size:.8em;
	padding:2px;
	/* border:1px solid #fff;
	line-height:15px;*/
}
.toolbar li a#pointer.btnIconLarge{
	background:url('../images/iconsSpriteLarge.gif') no-repeat -317px -21px;
}
.toolbar li a:hover#pointer.btnIconLarge{
	background:url('../images/iconsSpriteLarge.gif') no-repeat -317px -0px;
}
.toolbar li a#pointer.btnIconLarge.inactive, .toolbar li a:hover#pointer.btnIconLarge.inactive {
	background:url('../images/iconsSpriteLarge.gif') no-repeat -317px -65px;
	border:1px solid #FDFDEC;
	cursor:default;
}
.toolbar li a#pointer.btnIconLarge.active, .toolbar li a:hover#pointer.btnIconLarge.active {
	background:url('../images/iconsSpriteLarge.gif') no-repeat -317px -42px;
	border:1px solid #FDFDEC;
	cursor:default;
}
.toolbar li a#rect.btnIconLarge{
	background:url('../images/iconsSpriteLarge.gif') no-repeat -64px -21px;
}
.toolbar li a:hover#rect.btnIconLarge{
	background:url('../images/iconsSpriteLarge.gif') no-repeat -64px 0px;
}
.toolbar li a#rect.btnIconLarge.inactive, .toolbar li a:hover#rect.btnIconLarge.inactive {
	background:url('../images/iconsSpriteLarge.gif') no-repeat -64px -65px;
	border:1px solid #FDFDEC;
	cursor:default;
}
.toolbar li a#rect.btnIconLarge.active, .toolbar li a:hover#rect.btnIconLarge.active {
	background:url('../images/iconsSpriteLarge.gif') no-repeat -64px -43px;
	border:1px solid #FDFDEC;
	cursor:default;
}
.toolbar li a#poly.btnIconLarge{
	background:url('../images/iconsSpriteLarge.gif') no-repeat -85px -21px;
}
.toolbar li a:hover#poly.btnIconLarge{
	background:url('../images/iconsSpriteLarge.gif') no-repeat -85px 0px;
}
.toolbar li a#poly.btnIconLarge.inactive, .toolbar li a:hover#poly.btnIconLarge.inactive {
	background:url('../images/iconsSpriteLarge.gif') no-repeat -85px -65px;
	border:1px solid #FDFDEC;
	cursor:default;
}
.toolbar li a#poly.btnIconLarge.active, .toolbar li a:hover#poly.btnIconLarge.active {
	background:url('../images/iconsSpriteLarge.gif') no-repeat -85px -44px;
	border:1px solid #FDFDEC;
	cursor:default;
}
.toolbar li a#elli.btnIconLarge{
	background:url('../images/iconsSpriteLarge.gif') no-repeat -106px -21px;
}
.toolbar li a:hover#elli.btnIconLarge{
	background:url('../images/iconsSpriteLarge.gif') no-repeat -106px 0px;
}
.toolbar li a#elli.btnIconLarge.inactive, .toolbar li a:hover#elli.btnIconLarge.inactive {
	background:url('../images/iconsSpriteLarge.gif') no-repeat -106px -65px;
	border:1px solid #FDFDEC;
	cursor:default;
}
.toolbar li a#elli.btnIconLarge.active, .toolbar li a:hover#elli.btnIconLarge.active {
	background:url('../images/iconsSpriteLarge.gif') no-repeat -106px -44px;
	border:1px solid #FDFDEC;
	cursor:default;
}
.toolbar li a#areaDel.btnIconLarge{
	background:url('../images/iconsSpriteLarge.gif') no-repeat -211px -21px;
}
.toolbar li a:hover#areaDel.btnIconLarge{
	background:url('../images/iconsSpriteLarge.gif') no-repeat -211px 0px;
}
.toolbar li a#areaDel.btnIconLarge.inactive, .toolbar li a:hover#areaDel.btnIconLarge.inactive {
	background:url('../images/iconsSpriteLarge.gif') no-repeat -211px -65px;
	border:1px solid #FDFDEC;
	cursor:default;
}
.toolbar li a#zoomIn.btnIconLarge{
	background:url('../images/iconsSpriteLarge.gif') no-repeat -127px -21px;
}
.toolbar li a:hover#zoomIn.btnIconLarge{
	background:url('../images/iconsSpriteLarge.gif') no-repeat -127px 0px;
}
.toolbar li a#zoomOut.btnIconLarge{
	background:url('../images/iconsSpriteLarge.gif') no-repeat -148px -21px;
}
.toolbar li a:hover#zoomOut.btnIconLarge{
	background:url('../images/iconsSpriteLarge.gif') no-repeat -148px 0px;
}
.toolbar li span.listView {
	padding-left:20px;
	min-width:55px;
	background:url('../images/listView.gif') no-repeat 0 50%;
}
.toolbar li span.imgView {
	padding-left:20px;
	min-width:55px;
	background:url('../images/imgView.gif') no-repeat 0 50%;
}
.toolbar .btnIconLarge.close {
	background:url('../images/iconsSpriteLarge.gif') no-repeat -211px -21px;
}
.toolbar .btnIconLarge.close:hover {
	background:url('../images/iconsSpriteLarge.gif') no-repeat -211px 0px;
}
/*.toolbar li a#pgPrev.btnIconLarge{
	background:url('../images/iconsSpriteLarge.gif') no-repeat -120px 0px;
}
.toolbar li a:hover#pgPrev.btnIconLarge{
	background:url('../images/iconsSpriteLarge.gif') no-repeat -120px -21px;
}
.toolbar li a#pgNext.btnIconLarge{
	background:url('../images/iconsSpriteLarge.gif') no-repeat -135px 0px;
}
.toolbar li a:hover#pgNext.btnIconLarge{
	background:url('../images/iconsSprite.gif') no-repeat -135px -21px;
}*/
.toolbar .menuitem li#customWidget {
	height:19px;
	position:relative;
	display:inline-block;
}

/* Content and Content clone styles ------------------- */
.content .inner, .contentclone .inner {
}
.content .toolbar .button, .content .toolbar .btnIconLarge {
	position:relative;
	top:3px;
}
.content .textImageList .list {
	float:left; 
	width:30%;
	background:#F0F2D2;
	border-right:1px dashed #AFBF37;
	margin-top:47px;
}
.content .textImageList .list ul {
	list-style: none;
	margin-left:10px;
	padding:5px 0;
}
.content .textImageList .list ul li {
	padding:2px 0;
}
.content .textImageList .image {
	padding:10px;
	margin-left:30%;
}

#imageContainer{
	overflow: auto;
	height:90%;
	width: 100%;
}