#topbar {
    margin:             50px 0px 15px 40px;
	width:              740px;
	text-align:         center;	
}

#video {
    margin-top: 15px;
}
#menu {
    clear:               both;
	font-family:         Arial, Helvetica, sans-serif;
	font-weight:         bold;
	margin:              5px 15px;
	padding:             5px 0;
	background-color:    inherit;
    color:               #8C878B;
    text-transform:      uppercase;
}
#menu ul {
	list-style:          none;
	list-style-type:     none;
	margin:              0px;
	padding:             0px;
}
#menu li {
	border-left:         1px solid #8C878B;
	float:               left;
	margin:              5px 0;
	padding:             0 5px;
}	
#menu li.firstItem {
	border-left: none;
}
	
#menu li.lastItem {
	border-left: none;
	float: right;
}

#menu li.secondLastItem {
	float: right;
	border-left: none;
	border-right: 1px solid #8C878B;
	text-transform: none;
}
#menu a {
	color: #8C878B;
	background-color: inherit;
}
#main {
    margin:             0 auto;
    overflow:           auto;
    padding:            0;
	color:				#424242;
	background-color:	#fdfdfd;
	/*border:             4px solid #f0f1f5;*/
	/*	border: 			1px solid #d8d8d8;*/   
	min-height:         500px;
	width: 				830px;
	text-align:         left;
	border:	0;
}
#firstPage {
    margin:             0;
    overflow:           auto;
    padding:            0;
	color:				#424242;
	background-color:	#fdfdfd;
	width: 				100%;
	text-align:         center;
	border:	0;
}
.firstPageBody {
background-color:	    #fdfdfd;
color:				    #424242;
font-family:            Verdana, arial, sans-serif;
text-align:             center;
font-size:              74%;
}

#quickSearchBox {
     width:         530px;
     margin-left: auto;
     margin-right: auto;
     padding:       20px 0px;
     text-align:    center;
    /* color:            inherit;
     background-color: #fdfdfd;*/
     color:            inherit;
     background-color: #80AACD;
     border: 2px solid #01559B;
}

#quickSearchBoxSmall {
     width:         444px;
     margin-top: 2px;
     margin-left: 100px;
     margin-right: auto;
     padding:       10px 0px;
     text-align:    center;
     color:            inherit;
    /* background-color: #fdfdfd;*/
     background-color: #80AACD;
     border: 2px solid #01559B;
}

#browseResource{
    color:                inherit;
    background-color:     #fdfdfd;
	font-family:          Arial, Helvetica, sans-serif;
	/*border-bottom:        3px solid #0053a1;*/
	clear:                both;
	height:               3.5em;
	padding:              0 25px 0 15px;
	text-transform:       uppercase;
	/*\width: 760px; /* box model hack - for IE5 */
/*	w\idth: 740px; /* used by N6, Moz, Op6, and IE6 */
    /*float:              right; 
    margin-top: 		25px;
    margin-right: 		25px;
    margin-bottom: 		25px;
    margin-left: 		0px;*/
}

#browseResourceFirstPage{
    color:                inherit;
    background-color:     #fdfdfd;
	font-family:          Verdana, Helvetica, Arial, sans-serif;
	font-size:            95%;
	height:               2.9em;
	padding:              0 25px 0 15px;
	text-transform:       uppercase;
	width: 310px;
    margin-left: auto;
    margin-right: auto;
}


#browseResourceFirstPageLarger{
    color:                inherit;
    background-color:     #fdfdfd;
	font-family:          Verdana, Helvetica, Arial, sans-serif;
	height:               2.9em;
	padding:              0 25px 0 15px;
	text-transform:       uppercase;
	width: 345px;
    margin-left: auto;
    margin-right: auto;
}

a.browseResource { 
    color:     #666;
    background-color: #fdfdfd;
	padding:    0 4px 0 4px;
}
a.browseResource:hover { 
    border: 1px solid #ccc; 
    text-decoration: none;
    color: #01559B; 
    background-color: inherit;
    padding:    0 4px 0 4px;
}

ul.browseResource{
    
	list-style:          none;
	list-style-type:     none;
	margin:              0px;
	padding:             0px;
}

li.browseResource {

   /* font-weight:      bold;*/
	float:            left;
	line-height:      2.95;
	margin:           0;
}
.disabledLink {
  color:     #fdfdfd;
  background-color:  #80AACD;
  padding:    0 5px 0 5px;
  padding: 3px 8px;
}

#wikiMenu{
    color:                inherit;
    background-color:     #fdfdfd;
	font-family:         Arial, Helvetica, sans-serif;
	border-bottom:        3px solid #80AACD;
	clear:                both;
	height:               2.9em;
	margin:               0;
	padding:              0 25px 0 15px;
	text-transform:       uppercase;
	/*\width: 760px; /* box model hack - for IE5 */
/*	w\idth: 740px; /* used by N6, Moz, Op6, and IE6 */
    /*float:              right; 
    margin-top: 		25px;
    margin-right: 		25px;
    margin-bottom: 		25px;
    margin-left: 		0px;*/
}

#wikiMenu a { 
    color:     #80AACD;
    background-color: inherit;
	padding:    0 5px 0 5px;
}

#wikiMenu ul {
	list-style:          none;
	list-style-type:     none;
	margin:              0px;
	padding:             0px;
}

#wikiMenu li {
    color: inherit;
	background: #fdfdfd url(../images/bg-mainnav.gif) no-repeat right bottom;
	font-weight:      bold;
	float:            left;
	line-height:      2.95;
	margin:           0;
}
#wikiMenu li#tabActive {
   /* 
   background-color: #F20038;
   background-color: #A9007A;
   background-color: #6E388D;
   background-color: #4D59A5;*/
   color: inherit;
   background-color: #80AACD;
   border-bottom:      3px solid #80AACD;
   /*background: #F20038 url(../images/bg-tab-top-right.gif) no-repeat right top;*/
}
#tabActive        .disabledLink {
  color:     #fff;
  background-color: #80AACD;
  padding:    0 5px 0 5px;
}
#resourceContent {
	color: 				#686868;
    background-color: 	#fdfdfd;
	line-height: 		1.5em;
	padding:			10px 40px 0px 0px;
	margin-left:        40px;
	max-width:          780px;
}
#resourceContent li, .right li {
	font-size:          100%;
	list-style-type:    circle;
}

#resourceContent p, #resourceContent ul {
    margin: 0 0 5px 0;
}
#resourceContent hr {
   /* border-bottom:            1px dotted #3399cc;*/
   /* max-width:          780px;*/
}
.optionsBar {
    width:444px;
    padding:5px 0;
    margin-left:100px;
}
.moreOptions {
    font-family:Arial, Helvetica, sans-serif;
    color:#8C878B;
    font-size:95%
}
.divider {
    margin: 0 0 0 15px;
    padding: 0;
    width: 96%;
    height: 9px;
    color: inherit;
    background:  white url(../images/hrGradient-omiieurope1.png) center repeat-x;
}

.resourceDirectory {
	color: 				#686868;
    background-color: 	#fdfdfd;
	line-height: 		1.8em;
	padding:			20px 0px 0px 0px;
	margin-left:        70px;
	width:              300px;
}

.resourceDirectoryRight {
	color: 				#686868;
    background-color: 	#fdfdfd;
	line-height: 		1.8em;
	padding:			20px 0px 0px 0px;
	float:               right;
	margin-right:        50px;
	width:              300px;
}
#rssDirectory {
	color: 				#686868;
    background-color: 	#fdfdfd;
	line-height: 		1.8em;
	padding:			0 20px;
	margin-left:        20px;
	width:              400px;
}
#rssInfo {
    float:             right;
    width:             225px;
    text-align:        left;
    padding:           10px 0;
    margin:            40px 20px 5px 20px;
    color:             inherit;
    background-color:  #fdfdfd;
    border:            1px solid #80AACD;
}

#content {
    padding-bottom:        15px;
}

.message {
     margin: 5px 20px;
     color:             inherit;
     background-color: #fdfdfd;
     border: 1px solid #80AACD;
}
.box {
     margin: 5px 100px 5px 0px;
     color:             inherit;
     background-color: #fdfdfd;
     border: 1px solid #80AACD;
     padding-left: 10px;
}
.poll {
     margin: 5px 100px 5px 0px;
     color:             inherit;
     background-color: #fdfdfd;
     border: 1px solid #80AACD;
     padding: 20px 20px 20px 20px;
     width: 440px;
}
.logo {
    vertical-align:     middle;
    text-align:     center;
}
.rssLogo {
    float:            left;
    padding:          0 5px 0 0;
    
}
.downloadLogo {
    float:            left;
    padding:          3px 5px 0 0;
    
}
.rightForm {
    float:              right;
    vertical-align:     top;
    text-align:         left;
    padding-right:       150px;
}
.leftForm {
    float:              left;
    vertical-align:     top;
    width:              350px;
}

.results {
    margin:        10px 20px;
}
.results .pageNavigator {
    margin:        5px 0px;
}
.resultItem {
    margin-left:            20px;
    line-height:            15px;
    width:                  550px;
    padding:                5px 0px 5px 0px;
}

.right {
    float:             right;
    width:             270px;
    margin:            10px 20px 50px 15px;
    border:            1px solid #80AACD; 
    padding:           0 0 0 0;  
}
.right ul {
    padding: 0px 20px 5px 10px;
}

.rightMinimised {
    float:             right;
    width:             75px;
    margin:            15px 15px 5px 15px;
    border:            1px solid #0053a1; 
    padding:           0 0 5px 0;
    
    
}

.right h4, .rightMinimised h4 {
    
	font-family:         Arial, Helvetica, sans-serif;
    background-color:	#80AACD;
	text-decoration:    none;
	color: 				#fff;
	font-size:          90%; 
	padding:			2px 5px 2px 10px;
	text-transform:       uppercase;
}

.right hr {
    border-color :         #3399cc;
    border-style :         dotted;
    border-top-width:      0px;
    border-right-width:    0px;
    border-bottom-width:   1px;
    border-left-width:     0px;
    width: 175px;
}

.left {
    vertical-align:    middle;
    float:             left;
    padding-right:     10px;
}
.wikiOptions {
    float:             right;
    text-align:        center;
    padding-right:     20px;
}
.optionBox, .xforms-select1-minimal {
    font-size:        90%;
    padding:          1px 1px;
}
#rightFloatingPanel {
        float: right;
        width: 160px;
        text-align: left;
        margin-left: 30px;
        margin-top: 10px;
        margin-bottom: 5px;
        position: fixed;
        top: 60px;
        right: 20px;
}

#footer{
    clear:              both;
	width: 				800px;
	margin-left: 		auto;
	margin-right: 		auto;
	color: 				#767676;
	background-color:	#ebebeb;
	margin-top: 		10px;
	line-height: 		15px;
	text-align:         center;
	font-size:          90%;
}

.metadata{ 
    font-size:          90%; 
}
.metadataLabel{
    float:              left;
    width:              70px;
    display:            block;
    font-weight:        bold;
    font-size:          90%;
	color:				#686868;
	background-color:	inherit;
    
}
.metadataLabelLarge{
    float:              left;
    width:              140px;
    display:            block;
    font-weight:        bold;
    font-size:          95%;
	color:				#424242;
	background-color:	inherit;
    
}
.metadataValue{
    margin-left:        5px;
    font-size:          95%;
}
.metadataValueAuthor{
    float:              left;
    margin-left:        5px;
    width:              400px; 
    font-size:          90%;
}
.review {
   /* background-color:    #f0f1f5;
    border-color:        #a1a5a9; */
    color:             inherit;
    background-color: #edf3fe;
    border: 1px solid #3399cc;
    padding:             10px;
    margin:              10px 40px;
    width:               600px; 
}

.review .leftReviewPanel {
    width:            150px;
    float:            left;
    
}

.review .rightReviewPanel {
    float:             right;
    width:             400px;
    text-align:        left;
}

.metadataDescription{
    margin:             0px 0px;
    max-width:          720px; 
}

.metadataRightsDescription{
    margin:             0px 20px;
    width:              450px; 
    font-size:          85%;
}
.metadataTOC{
    margin:             0px 25px;
    width:              450px; 
}
/*
#optionsArea, #staticOptionsArea{
        width:365px;
        margin-left:25px;
        padding-top: 10px;
        background-color: #F1F4FA;
        border-color : #f1af00;
        border-style : dotted;
        border-top-width : 1px;
        border-right-width: 1px;
        border-bottom-width : 1px;
        border-left-width : 1px;
}*/
.smallText {
    color:                green;
    background-color:     inherit;
    font-size:            95%;
}
.clear { clear: both;}

.mini-fixed-width {
    display: -moz-inline-box;
    display: inline-block;
    width: 6em;
}
.ultra-mini-fixed-width {
    display: -moz-inline-box;
    display: inline-block;
    width: 3em;
}
.smallest-fixed-width {
    display: -moz-inline-box;
    display: inline-block;
    width: 1em;
}
.wider-input input {
    width:          500px;
}
.wider-input { 
    font-family:    Verdana, arial, sans-serif;
    width:          500px;
}
.wider-input-description { 
    font-family:    Verdana, arial, sans-serif;
    width:          550px;
    height:         250px;
}
.ultra-wide-input {
    font-family:    Verdana, arial, sans-serif; 
	width:          550px;
	height:         350px;
}
.h1 {
    font-size:          110%; 
    font-weight:        bold;
    color:				#686868;
	background-color:	#fdfdfd;
}
.h1:hover {
   color:            #686868; 
   background-color: #e3e3e3;
   text-decoration:  none;
}
.h5 {
    font-size:          100%; 
    font-weight:        bold;
    color:				#686868;
	background-color:	#fdfdfd;
}
.xforms-repeat-selected-item-1 {
    color:				#686868;
	background-color:	#fdfdfd;
}
.xforms-select1-appearance-full span {
    display:block;
}
.repeated-input {
    font-family:    Verdana, arial, sans-serif;
	width:550px; 
	margin-left:107px;
}

.collection-select {    
    font-size:          95%;
    font-family:    Verdana, arial, sans-serif;
}