/* force right scrollbar */
html {overflow-y:scroll;}

body,input,select,textarea,font,pre {font-family:Verdana,sans,sans-serif;font-size:8pt;}
table,tr,td,th {border-collapse:collapse;vertical-align:top;}
body{background: #c7dbf5; background-image: url('/images/background.jpg'); background-repeat: repeat-x; color: black;}
input, select, textarea{background: white; color: black;};
/*file input needs to remain this way because a firefox bug makes file input backgrounds always white*/
input[type="file"]{color:black; background:white;}

#titleBar { height: 21px; border:0px;background:#AAA; background-image: url('/images/title_background.jpg');color:#000000;padding:2px;font-size:16px;font-style:italic; font-weight:bold; padding: 2px 2px 2px 10px; text-align:right; border-radius:1.6em;}
#titleBarContainer {margin-bottom: 5px;}
#titleBarContainer .rbottom{display:block; background: transparent}
#titleBarContainer .rbottom *{display: block; height: 1px; overflow: hidden; background:#AAA; background-image: url('/images/title_background.jpg');}

#productTitle {background:white; padding: 0 50px 3px 50px; margin: 0px; float: right;}
#productTitle a{text-decoration:none; color: black;}
#productTitleRight{width: 6px; height: 21px; background: url('/images/titlebar_left_8x21.gif'); float: right;}
#productTitleLeft{width: 6px; height: 21px;  background: url('/images/titlebar_right_8x21.gif'); float: right; }
a.footer{color:black; font-weight:bold;}
div.innerContent a {color:#333; background:transparent;}
/*set look for the view edit and add article sections*/
.viewEditAddContainer{background:white; color:black; border:2px black;}
div.viewEditAddContainer a {color: black;}
.activeNavigation {font-weight:bold;font-style:italic;background:#eee;cursor:pointer;}
.inactiveNavigation {font-weight:normal;font-style:normal;background:transparent;cursor:pointer;}

.navLinks{cursor:pointer;}
/*editInputs sets the width of the input fiels in add and edit article areas*/
/*this name is not descriptive, is phased out   .edit{width:600px;} */
.editInputs{width:600px;} 
/*table.photoWithCaption{display:inline-block;}*/
table.photoWithCaption{background: #ddd; margin-bottom: 0px;padding-bottom: 0px;margin-top: 0px;padding-top: 0px; }
th.photo{vertical-align: bottom; width: 175px; padding: 5px 10px 0px 0px;}
td.photo{width: 175px; padding: 5px 10px 0px 0px;}
.thumbnail {width: 175px;}
textarea.captionEdit{width: 175px;}

.uComment{background: #ECF4FF; display: block; border-bottom: medium solid #DBEBFF}
.aComment{background: #ECF4FF; display: block; border-bottom: medium solid #DBEBFF}

.articleRow{border-bottom-width: 2px; border-bottom-color: gray; border-bottom-style: solid; }
.oddRow,.evenRow{color:#333;  text-align: left; width:100%; border-bottom-width: 0px; border-bottom-color: gray; border-bottom-style: solid; margin: 0px 0px 5px 0px;}
.oddRow .rowContent{background:#eee; background-image: url('/images/oddgradient.jpg'); background-repeat: repeat-x;}
.oddRow  .viewEditAddContainer{background:#eeeeee;}
.evenRow .rowContent{background:#fff; background-image: url('/images/evengradient.jpg'); background-repeat: repeat-x;}
.evenRow .viewEditAddContainer{background:white;}

.rtop, .rbottom{display:block; background: transparent;}
.rtop b, .rbottom b{display: block; height: 1px; overflow: hidden; background: white;}
	.oddRow .rtop b{background-image: url('/images/oddgradient.jpg'); background-repeat: repeat-x;}
	.oddRow .rbottom b{background:#eee;}
	.evenRow .rtop b{background-image: url('/images/evengradient.jpg'); background-repeat: repeat-x;}
	.evenRow .rbottom b{background:#fff}
	
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px} 




.highlight{color: #3399CC;}
#outerWrapper{ width: 897px;margin: 0px auto 0px auto;height: auto; background: #d0e1f7; background-image: url('/images/innercontentbackground.jpg'); background-repeat: repeat-x; min-height: 100%;}
#wrapper {width: 867px;margin: 0px auto 0px auto; height: auto; min-height: 100%;}
#header {height:44px;background:#CCC; background-image: url('/images/header_background2.jpg');vertical-align: bottom;color:#fff;}
#navContainer{width:187px; margin-top: 0px; margin-right: 8px; float:left; }
#searchContainer{ margin-bottom: 5px; width:187px;}
#search {height:50px; background: white; padding-left: 3px; padding-top: 3px;}
#navigation{  min-height: 200px; }
.navigation{  padding-left:5px; color:black; background:#fff; padding-bottom:15px;}
/*.navigation{width:185px;min-height:800px;float:left; color:black; }*/
.innerContent {color:#222;width:100%;float:right;min-height: 300px;}
#manage{background: white; float: left; width:100%; }
.manageContents {float: left; padding: 20px;}


#footer {widthborder-top:1px solid gray;background:#AAA;clear: both;text-align: center;	padding: 1px 0px 1px 0px;background-image: url('/images/title_background.jpg'); width: 867px; margin:-28px auto 0px auto;}

/*Upload Photo Dialog Formatting*/
	html, body{height:100%;}

    .center{
        position:absolute;
        left:50%;
        top: 30px;
        width:500px;
		height:170px;
        margin-top:50px;
        margin-left:-246px;
        border:1px solid #000;
        background-color:#fff;
        z-index: 200;
        text-align:left;
    }
    
    .center h1 {
        margin:0;
        text-align:left;
        font-size: 18px;
        font-weight: bolder;
        background-color:#ccc;
        color:#000;
        border-bottom:1px solid #000;
        padding:2px 0 2px 5px;
    }
 
    .center p,form{font-size: 12px; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; }
	
	/*.center .instruction{padding: 0px 0px 0px 10px;}*/
	
	.center textarea,label{width: 450px;}
	
	#inputfile {width: 450px;}
	#uploadCaption {background-image:url('../../images/caption.gif');}
	#inputfile {background-image:url('../../images/photo.gif'); background-repeat:no-repeat;background-position: left;
}
    .center a { 
        position: relative; 
        height: 30px; 
        line-height: 30px; 
        padding: 1px 20px;
        margin-top:50px;
        margin-left:10px; 
        text-decoration: none; 
        text-align:left;
        color: #000; 
        background-color:#ccc;
        border:2px solid #000;
        width:75px;
        font-size: 14px;
    }
        
    .grayout{
        position: absolute;
        z-index: 50;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 100%;
        filter:alpha(opacity=80);   
        -moz-opacity: 0.8;   
        opacity: 0.8;   
        font-size: 70pt;
        background-color: #999; 
        text-align: center;
    }
	
	iframe {border:0px; width:400px; height:25px; padding: 0px 0px; vertical-align: top; }