body {
    padding: 0;
    margin: 0 auto;
    font: 100% / 130% Helvetica, Arial, sans-serif;

}

* body {
    scrollbar-face-color: #83BAEC;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-track-color: #C3D2ED;
    scrollbar-shadow-color: #81B9EC;
    scrollbar-highlight-color: #81B9EC;
    scrollbar-3dlight-color: #81B9EC;
    scrollbar-darkshadow-Color: #4682B4;
}

img {
    border: none;
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline;
}

#wrap {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-color: rgb( 94, 125, 123 );
    padding: 0;
}

#header {
    width: 100%;
    margin: 0;
    padding: 0; /*border-bottom: 3px solid black;*/
    background: url( "../images/headerbg3.gif" ) repeat-x;
    height: 202px;
}

#innerheader {
    width: 100%;
    margin: 0;
    padding: 0; /*border-bottom: 3px solid black;*/
    /*
        background-image: url( "../images/LASTLogo.png" );
        background-repeat:no-repeat;
        background-position:right;
    */
    height: 202px;
}

#innerheader img {
    padding: 0;
    margin: 0;
    clear: both;
}

#content {
    background: #fff;
    min-height: 650px;
    padding: 5px 10px 5px 10px;
}

#footer {
    text-align: center;
    margin: 0 auto;
    padding: 5px 0 5px 0;
    border-top: 3px solid black;
    font: 75% / 110% "Calibri", "Tahoma", fantasy;
}

#footer a {
    color: #fff;
}

.collections {
    float: right;
    min-height: 400px;
    border: 1px solid black;
}

/* ---------- gallery styles start here ----------------------- */
.gallery {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gallery li {
    padding: 10px;
    margin: 0;
    float: left;
    position: relative;
}

.gallery li:hover div {
    border-color: #000;
    cursor: pointer;
}

.gallery div {
    background: #5A6D7C;
    border: solid 2px #80B9EC;
    padding: 5px;
    width: 148px;
    height: 148px;
    color: #fff;
    text-align: center;
}

.gallery img {
    padding: 5px;
}

.gallery em {
/*background: #fff;*/
/*color: #000;*/
/*padding: 2px 8px 0 22px;*/
    font-style: normal;
    background: #8FBC8F none repeat scroll 0 0;
    color: #006400;
    font-size: 0.95em;
    font-weight: bold;
    margin: 0;
    padding: 2px 8px 0 22px;
    text-transform: uppercase;

    display: block;
    position: absolute;
    top: 20px;
    left: 5px;
    border: 1px solid #999;
}

.gallery a {
    text-decoration: none;
}

/*
.gallery span {
    width: 30px;
    height: 60px;
    display: block;
    position: absolute;
    top: 7px;
    left: 9px;
    background: url( "../images/paper-clip-mini.png" ) no-repeat;
    z-index: 3;
}
*/

.topic-box {
    background: url( '../images/main_bg.gif' ) no-repeat;
    border: 1px solid #BBB6A5;
    padding: 5px;
}

.greenbtn {
    background: url( '../images/greenbtn.png' ) no-repeat;
    width: 250px;
    height: 23px;
    border: none;
    cursor: pointer;
}

.rightsidebtn {
    float: right;
    margin-top: 20px;
}

.topic-item {
    padding: 3px;
}

.topic-item:hover {
    background: #FCF5DD none repeat scroll 0 0;
    cursor: pointer;
}

.even {
    background: #F8F7F5 none repeat scroll 0 0;
}

.activePage {
    padding: 2px;
    color: #006400;
    border: solid 1px #8FBC8F;
    font-size: 1.3em;
    font-weight: bold;
}

.helpsection {
    border: 1px solid #D3D3D3;
    background-color: #F9F9F9;
    min-height: 480px;
    padding: 10px;
    margin: 10px 0 10px 0;
    line-height: 1.4em;
    float: left;
    width: 99%;
}

.info2 {
    color: #DF3B02;
    font-weight: bold;
}

.info3 {
    color: #688AAD;
    font-weight: bold;
}

.boldinfo {
    font-weight: bold;
}


input.logintextfield {
    font-size: 1.1em;
    margin: 3px 0 3px 3px;
    width: 250px;
    height: 23px;
    border: 2px solid #5E7D7B;
}

.leftCol {
    padding: 5px 5px 5px 0;
    float: left;
}

.rightCol {
    padding: 5px 0 5px 5px;
    float: right;
}

.colbox {
    width: 248px;
    height: 133px;
    padding: 1px;
    line-height: 1.3em;
    cursor: pointer;
    display: block;
    background: #5A6D7C url( '../images/colbg.jpg' ) 0 0 no-repeat scroll;
}

.selectedcolbox {
    width: 248px;
    height: 133px;
    padding: 1px;
    line-height: 1.3em;
    cursor: pointer;
    display: block;
    background: #7C695A url( '../images/selectedcolbg.jpg' ) 0 0 no-repeat scroll;
}

.base-mini {
    /*
        background:url(../images/poolbg.jpg) no-repeat #696969;
    */
    color: #fff;
    width: 256px;
    height: 140px;
    margin-bottom: 10px;
}

.base-mini .head {
    padding: 0 0 3px 0;
    border-bottom: 1px solid #ddd;
    margin: 0 8px 0 4px;
    text-align: left;
}

.base-mini .head h4 {
    height: 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 5px 0 5px 0;
    margin: 0;
    text-transform: capitalize;
    text-align: left;
    font-weight: bold;
}

.leftContent {
    padding: 0;
    margin: 0;
    margin-top: 4px;
    width: 122px;
    text-align: left;
    float: right;
    font-size: 0.85em;
}

.leftContentImage {
    margin: 4px 8px 2px 4px;
    float: left;
}

.rightContent {
    margin: 0;
    padding: 4px 2px 2px 4px;
    width: 122px;
    text-align: left;
    float: left;
    font-size: 0.85em;
}

.rightContentImage {
    margin: 4px 2px 2px 6px;
}

.base-mini img {
    padding: 0;
    border: 1px solid #D9E0E6;
    border-bottom-color: #C8CDD2;
    border-right-color: #C8CDD2;
    background: #fff;
    width: 96px;
    height: 78px;
}

.searchspace {
    border: 1px solid #D3D3D3;
    background-color: #F9F9F9;
    min-height: 380px;
    line-height: 1.2em;
    float: right;
    width: 350px;
    margin: 10px 0 10px 0;
    text-align: center;
}

.poolSearchSpace {
    padding: 20px;
    text-align: justify;
}

.navbar {
    position: absolute;
    top: 140px;
    left: 250px;
    text-align: right;
    font-size: 70%;
    width: 70%;
}

.navbar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.navbar li {
    float: right;
    padding: 0;
    margin: 0 5px 0 20px;
    *margin-top:2px; /*for adjusting in IE7 */
}

.toolbar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.toolbar li {
    float: left;
    padding: 0;
    margin: 0 5px 0 5px;
}

.navbar a {
    color: #fff;
    margin: 0;
}

.navbar a:visited {
    color: #D9E0E6;
}

.feedbackPanelERROR {
    color: red;
    font-weight: bold;
    font-size: 90%;
}

.feedbackPanelINFO {
    color: green;
    font-weight: bold;
    font-size: 90%;
}

.searchQuery {
    width: 520px;
    height: 26px;
    font-size: 1.2em;
    padding: 7px;
    border: solid 2px #5E7D7B
}

/* used in searchresults page (wicket datatable OddEvenRow) */
.even {
    background-color: #FFFAFA; /*snow color*/
}

.odd {
    background-color: #F5F5F5; /*whitesmoke color*/
}

/*css classes for round corners*/
.t {
    background: url( '../images/roundcorner/1/dot.gif' ) 0 0 repeat-x;
}

.b {
    background: url( '../images/roundcorner/1/dot.gif' ) 0 100% repeat-x;
}

.l {
    background: url( '../images/roundcorner/1/dot.gif' ) 0 0 repeat-y;
}

.r {
    background: url( '../images/roundcorner/1/dot.gif' ) 100% 0 repeat-y;
}

.tl {
    background: url( '../images/roundcorner/1/tl.gif' ) top left no-repeat;
}

.tr {
    background: url( '../images/roundcorner/1/tr.gif' ) top right no-repeat;
}

.br {
    background: url( '../images/roundcorner/1/br.gif' ) bottom right no-repeat;
}

.bl {
    background: url( '../images/roundcorner/1/bl.gif' ) 0 100% no-repeat;
}

/*white right border*/
.whiteright {
    background: url( '../images/roundcorner/1/whitedot.gif' ) 100% 0 repeat-y;
}

/*css classes for solving div floating problem*/
.clear:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clear {
    min-height: 1px;
}

* html .clear {
    height: 1px;
}

.searchResult {
    min-height: 100px;
    padding: 5px 20px 5px 20px;
    cursor: pointer;
    margin-left: 20px;
* cursor : hand; /*ie hack*/
}

.selectedResult {
    background-color: white;
    margin-left: 20px;
}

.selectedResultInner {
    min-height: 100px;
    padding: 5px 20px 5px 20px;
}

.docTitle {
    margin: 0 0 5px 0;
    font-weight: bold;
}

.docCategories {
    margin-top: 5px;
    font-size: 0.85em;
}

.visualizationApplet {
    width: auto;
    min-width: 400px;
    height: auto;
    min-height: 425px;
* height : 425 px;
    padding: 20px 0 5px 0;
}

.mainContainer {
    padding: 0;
    margin: 0;
}

.searchResultContainerParent {
    direction: rtl;
    float: left;
    padding: 0;
    margin: 0;
}

.searchResultContainer {
    float: left;
    margin: 60px 0 0 0;
    padding: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 400px;
    direction: rtl;

* margin-right : - 20 px;
* display : inline;
}

.searchResults {
    direction: rtl;
    padding: 0;
    margin: 0;
}

.searchResultItem {
    direction: ltr;
    padding: 0;
    margin: 0;
}

.topNavigator {
    padding:5px 0 10px 0;
}

.appletContainer {
    float: right;
    text-align: center;
    width: 450px;
}

.documentViewBox {
    padding: 5px;
    margin: 5px;
    border: 1px solid #DCDCDC;
    background-color: #FFF;
}

table.categories {

}

table.categories td {
    text-align: center;
}

/* VARIATION 1 TAB PANEL STYLES */
div.tabpanel1 div.tab-row {
    float: left;
    width: 100%;
    background: #DAE0D2 url( "../images/tabs1/bg.gif" ) repeat-x bottom;
    line-height: normal;
}

div.tabpanel1 div.tab-row ul {
    margin: 0;
    padding: 10px 10px 0;
    list-style: none;
}

div.tabpanel1 div.tab-row li {
    float: left;
    background: url( "../images/tabs1/left.gif" ) no-repeat left top;
    margin: 0;
    padding: 0 0 0 9px;
}

div.tabpanel1 div.tab-row a {
    display: block;
    background: url( "../images/tabs1/right.gif" ) no-repeat right top;
    padding: 5px 15px 4px 6px;
    text-decoration: none;
    font-weight: bold;
    color: #765;
    white-space: nowrap;
}

div.tabpanel1 div.tab-row a:hover {
    color: #333;
}

div.tabpanel1 div.tab-row li.selected {
    background-image: url( "../images/tabs1/left_on.gif" );
}

div.tabpanel1 div.tab-row li.selected a {
    background-image: url( "../images/tabs1/right_on.gif" );
    color: #333;
    padding-bottom: 5px;
}

.highlight {
    background-color: yellow
}

.searchSourceCommon {
    font-weight: bold;
}

.searchSource1 {
    color: #993399;
}

.searchSource2 {
    color: #339933;
}

.searchSource-200 {
    color: darkorange;
}

.searchSource-300 {
    color: brown;
}

.searchSource3 {
    color: #000;
}

.searchSource4 {
    color: darkred;
}

.searchSource5 {
    color: #333300;
}

.searchSource6 {
    color: #00CC33;
}

.navigator {
    width: 100%;
    padding: 5px;
    font-weight: bold;
}

.navigatorLabel {
    padding: 5px;
    font-weight: bold;
}

.classificationQuery {
    border: 1px solid black;
    padding: 10px;
    margin: 20px 0 0 0;
    background-color: #F8F8F8;
}

.classificationQuery span {
    font-weight: bold;
}

/*nice buttons style*/
a.button {
    background: url( '../images/button.gif' );
    display: block;
    color: #555555;
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    text-decoration: none;
    width: 191px;
    font-size: 80%;
}

a:hover.button {
    color: #0066CC;
}

.lens {
    background: url( '../images/lens.gif' ) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}

.download {
    background: url( '../images/download.gif' ) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}

.content {
    background: url( '../images/content.gif' ) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}

.add {
    background: url( '../images/add.gif' ) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}

.delete {
    background: url( '../images/delete.gif' ) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}

.reload {
    background: url( '../images/reload.gif' ) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}

.back {
    background: url( '../images/back.gif' ) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}

.noSearchResult {
    padding: 60px 10px 20px 10px;
    margin: 20px;
    direction: ltr;
}

.noSearchResult div {
    font-size: 1.1em;
    font-weight: bold;
    text-align: left;
    padding: 20px;
    color: #696969;
    border: 1px solid #A9A9A9;
    background-color: #F5F5F5;
}

a.backbtn {
    background: url( '../images/btnbg.gif' );
    display: block;
    color: #555555;
    line-height: 23px;
    margin-bottom: 14px;
    text-decoration: none;
    width: 68px;
    height: 24px;
    font-size: 80%;
}

a:hover.backbtn {
    color: #0066CC;
}

.back2 {
    background: url( '../images/back.gif' ) no-repeat 10px 4px;
    text-indent: 30px;
    display: block;
}

tr.headers {
    
}
/*
used in data tables like collection categories list in control panel*/
table.dataview {
    margin-bottom: 10px;
    font-size: 1em;
    border:none;
}

table.dataview caption {
    text-align: left;
}

table.dataview tr {
    padding-top: 2px;
    padding-bottom: 2px;
}

table.dataview tr.even {
    background-color: #fff;
}

table.dataview tr.odd {
    background-color: #F5F5F5;
}

table.dataview tr td {
    padding-left: 8px;
    padding-right: 30px;
    border:1px solid #D5D5D5;
}

table.dataview tr th {
    color: #000000;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 30px;
    background-color: #D5D5D5;
    border-bottom: 1px solid #A8A8A8;

    border-top: 1px solid #A8A8A8;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
}

table.dataview tr th {
    background-position: right;
    background-repeat: no-repeat;
}

table.dataview tr th.wicket_orderDown {
    background: #D5D5D5 url( '../images/arrow_down.png' ) no-repeat 98%;;
    padding-right: 3px;
}

table.dataview tr th.wicket_orderUp {
    background: #D5D5D5 url( '../images/arrow_up.png' ) no-repeat 98%;
    padding-right: 3px;
}

table.dataview tr th.wicket_orderNone {
    background: #D5D5D5 url( '../images/arrow_off.png' ) no-repeat 98%;
    padding-right: 3px;
}

.catNameCol {
    width:30%;
}

.trainSizeCol {
    width:12%;
}

.changePasswordForm label {
    float: left;
    width: 20em;
    text-align: right;
    clear: left;
    margin-right: 15px;
    padding-bottom:5px;
}

.changePasswordForm input{
    margin-bottom:5px;
}

.wicketExtensionsWizardInnerTable {
	width: 800px;
	border: thin solid #D3D3D3;
    background-color:#F5F5F5;
}
.wicketExtensionsWizardHeaderRow {
	height: 20px;
}
.wicketExtensionsWizardHeader {
	border: thin solid #D3D3D3;
}
.wicketExtensionsWizardView {
	border: thin solid #D3D3D3;
}
.wicketExtensionsWizardViewInner {
	margin: 10px 10px 10px 10px;
}
.wicketExtensionsWizardViewRow {
	height: 140px;
}
.wicketExtensionsWizardButtonBar {
	text-align: right;
}
.wicketExtensionsWizardButtonBar input {
	width: 80px;
}
.wicketExtensionsWizardHeaderTitle {
	margin: 10px 5px 10px 15px;
	font-weight: bold;
}
.wicketExtensionsWizardHeaderSummary {
	margin: 10px 5px 5px 5px;
}

fieldset.fileTypes {
    margin:5px 0 5px 0;
}

fieldset.fileTypes ul {
    list-style:none;
    padding:0;
    margin:0;
    width:100%;
}
fieldset.fileTypes ul li{
    float:left;
    width:50%;
}

/*for selecting directory in none firefox*/
div.fileinputs {
    position: relative;
}

div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 700px;
    z-index: 1;
}

input.file {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha( opacity: 0 );
    opacity: 0;
    z-index: 2;
    width: 600px;
}

.largebreak {
    margin:38px;
}

.capital {
    font-size:130%;
    font-weight:bolder;
    font-variant:small-caps;
}

.purple {
 color:#800080;
}

.indexPageBox {
    border: 1px solid #D3D3D3;
    min-height: 40px;
    padding: 10px;
    margin: 10px 0 10px 0;
    line-height: 1.4em;
    text-align:left;
}