/*-------------SFX CSS Document-------------*/
/*--- home Styles ---*/
#homeWrap { width:98%; margin-left:auto; margin-right:auto; margin-top:1.5em;}
#homeWrap div.homeMenuContainer{ float:left; width:100%; vertical-align:top;background-color:#FFFFFF; width:100%;  text-align:left; font-weight:normal; color:#555555; margin-left:auto; margin-right:auto; height:auto;border-top:1px solid #D7DDE3; }

/*messages*/
.messagesContainer { border:1px solid #dadada; margin:5px; padding:10px;}
.messagesContainer h2 { font-size:120%; color:#b20837 ;letter-spacing:1px;}
.messagesContainer ul {line-height:140%; margin-top:0.5em; list-style:none; list-style-image:none}
.messagesContainer li {margin-left:0em;  }
.messagesContainer li span{margin-right:1em; }

/*MenuCategoryContainer*/
.MenuCategoryContainer { border:1px solid #dadada; margin:5px; padding:10px;  }
.MenuCategoryDataManagement {height:15em; }
.MenuCategoryAdministration {height:15em; }
.MenuCategoryContainer h2 { font-size:120%; color:#b20837; margin-bottom:1em; letter-spacing:1px; }
.MenuCategoryContainer h3 { font-size:100%; color:#000000; margin-bottom:0.2em;  }
.MenuCategoryContainer ul {padding-left:0.2em; list-style:  none; list-style-type: none; list-style-position:outside; margin-bottom:1.5em;}
.MenuCategoryContainer li {background-image: url(../img/sfxadmin/bullet_square.png); background-repeat: no-repeat;background-position: 0px 3px; padding-left: 14px; margin-top:0.2em; line-height:120%; vertical-align: text-top; line-height:120%;}
.MenuCategoryContainer li.disabledLink { color:#8d8d8d;}
.MenuCategoryContainer div.column{ float:left; display:block; width:25%; display: inline-block; }
/*Footer Styles*/
div.footerWrapper {white-space:nowrap; margin-top:0em; width:100%; margin-left:auto; margin-right:auto; text-align:center; border-top:1px solid #d7dde3;padding-top:0.4em }
div.footerWrapper ul { list-style:none; width:100%; margin-left:1em; margin-right:auto; margin-top:0em; padding:0em; height:20px; font-size:90%;}
div.footerWrapper ul li{ list-style:none; float:left; display:inline; padding-right:1.2em; }
div.footerWrapper ul li span.legendIcon {font-size:88%; text-align:center;  font-weight: bold; background-image:url(../img/sfxadmin/bg_btn_action.gif); background-repeat:no-repeat; width:22px; height:20px; display:inline; float:left ; color:#414040; line-height:20px}
div.footerWrapper ul li span.legendIconActive { background-image:none; margin-right:0.7em;}
div.footerWrapper ul li span.legendText {color:#414040;text-align:center;  padding-top:0px; float:left; line-height:150%; margin-left:0.2em }
div.footerWrapper ul li span.legendIconAsterik { background-image:none; margin-right:0em;}
div.footerWrapper ul li span.legendIconLocal { background-image:none; width:64px;}
div.footerWrapper ul li span.legendIconGreenDot { background-image:none; margin-top:6px;}
div.footerWrapper ul li span.legendIconAsterik img{ display:inline-block; margin-top:0.1em;}
body.footer {background-color: white ;}

/*--- Login Styles ---*/
.loginWrap{width:70%; text-align:left;background-color:#FFFFFF; height:30em; border:1px solid #cccccc; font-size:80%; margin-top:2em; margin-left:auto; margin-right:auto}
.headerLogin { background-image: url(../img/sfxadmin/sfx_admin_dbManager_bg2.gif) ; background-repeat:repeat-x; height:72px; width:100%; border-bottom:4px solid #b20837;  }
.logoContainerLogin { width:40%;}
.logoContainerLogin img { padding-left:2.3em; padding-top:1.2em;padding-bottom:0.3em ;}
.loginWrap div.loginForm{float:left;width:50%; padding-left:2em; padding-top:3em;}
.loginWrap div.loginRequirments{float:right;width:40%;padding-top:3em;padding-right:2em; line-height:120%};
.loginWrap div.loginRequirments a{ text-decoration:none;}
.loginWrap div.loginRequirments a:hover{ text-decoration: underline;}
.loginWrap div.loginForm table td {}
.loginWrap h2{ color: #595D60;font-size:100%; font-weight:bold; display:block; clear:left; margin:0px 0px 10px 0px}
.loginWrap form{ margin-left:0em; margin-top:0em;}
.loginWrap form input { width:11em; }
.loginWrap form input.buttonInput { width:auto; }
.loginFooter{width:70%; font-size:80%; text-align:left; border:0px; color:#5B5C60; margin-left:auto; margin-right:auto}
.loginFooter a{color:#5B5C60; text-decoration:none }
.loginFooter a:hover{text-decoration: underline }
.loginFooter div.alignLeft{ float:left; width:50%}
.loginFooter div.alignRight{ float:right; width:40%;text-align:right}

* { margin:0; padding:0;}
html { height:100%;}
                  
body {background-color:#DADADA; background-position:top; font-family: Arial, Helvetica, sans-serif; font-size:100%; margin: 0px; padding: 0px; height:100%; }

img {border:none; vertical-align:middle;}
td input[type="checkbox"] {/*margin-left:5px;it causes trouble in forms width:100% */}
input.addText {width:auto;}
/*select {width:100%;}*/
input.text {vertical-align:middle; border:1px solid #666666; width:90px;}
input.button {vertical-align:middle; width:auto;}
input.checkbox {padding-left:5px;}

a { color:#0056cc;}
.strong {font-weight:bold;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.hide 	{display:none;}
.block 	{ display:block;}

.width5 {width:5px;}
.width10 {width:10px;}
.width15 {width:15px;}
.width40 {width:40px;}
.width25 {width:25px;}
.width45 {width:45px;}
.width50 {width:50px;}
.width60 {width:60px;}
.width70 {width:70px;}
.width80 {width:80px;}
.width100 {width:100px;}
.width150 {width:150px;}
.width210 {width:210px;}
.width335 {width:335px;}
.width300 {width:300px;}
.width350 {width:350px;}
.widthAuto {width:auto;}
.widthFull {width:100%;}


/****************topbar***********************/
.header{  height:auto; margin-top:5px; background-color:transparent; text-align:center; /*font-family: Verdana, Arial, Helvetica, sans-serif;*/ overflow:hidden; }
.header .headerTop {height:auto; margin-right:auto; margin-left:auto; overflow:hidden;}
.logoContainer { float:left; margin:0px; text-align:left;}
.topMenu { float:right;  margin:0px; text-align:right; margin-top:5px; }
.topMenu ul  	{ list-style:none; color:#96a2a9; }
.topMenu ul li 	{ display: inline; /* font-size:80%; */}
.topMenu ul li a{ color:#0056cc; /*color:#B20837*/; text-decoration:none;  padding:7px;}
.topMenu ul li a:hover{text-decoration:underline;}


/*menu*/
.menuContainer{ width:100%; height:auto; padding-top: 5px; text-align:center;}
.menuContainer .mainNav{margin-right:auto; margin-left:auto; height:auto;}
.menuContainer .mainNav ul{list-style:none; color:#a4a4a4;  text-align:left; padding:7px 0px; width:auto; height:auto;}
.menuContainer .mainNav ul li 	{display: inline; /*font-size:80%;*/}
.menuContainer .mainNav ul li span { background-image:url(../img/sfxadmin/menu_seperator.gif); background-position:right; height:12px; width:1px; margin-left:0px; background-repeat:no-repeat;}
.menuContainer .mainNav ul li a 	{ color:#555555; text-decoration:none;}
.menuContainer .mainNav ul li a:hover{color:#B20837;text-decoration:underline;}
.menuContainer .mainNav ul li.selectedNavItem a 	{color:#ffffff;  background-color:#B20837; padding:7px; }
.menuContainer .mainNav ul li.selectedNavItem a:hover 	{color:#ffffff; text-decoration:none;}
/*sub menu*/
.subMenuContainer{ width:100%; height:auto; padding:0px; overflow:hidden; }
.subMenuContainer .subNav {margin-right:auto; margin-left:auto; height:auto;}
.subMenuContainer .subNav ul{list-style:none; color:#a4a4a4;  text-align:left; background-color:#B20837; width:100%; height:auto; padding:5px 0px; min-height: 15px;}
.subMenuContainer .subNav ul li { display: inline; padding-left:5px; /*font-size:80%;*/}
.subMenuContainer .subNav ul li span { background-image:url(../img/sfxadmin/submenu_seperator.gif); background-position:right; height:12px; width:1px; background-repeat:no-repeat; margin-left:5px;}
.subMenuContainer .subNav ul li a 	{ color:#FFFFFF; text-decoration:none;}
.subMenuContainer .subNav ul li a:hover 	{text-decoration:underline;}
.subMenuContainer .subNav ul li.selectedSubNavItem a 	{color:#B20837;  background-color:#ffffff; text-decoration:none; padding:2px 5px;}
.subMenuContainer .subNav ul li.selectedSubNavItem a:hover 	{text-decoration:none;}

/*****************main content*************************/
.mainContainer { width:100%; height:auto; padding:0px; background-color:transparent; text-align:center; /* font-size:100%; */}

form {background-color:#FFFFFF; width:auto; height:auto; overflow:hidden;  margin-right:auto; margin-left:auto;}
form.mainForm {width:850px;}

table {width:950px; height:auto; background-color:#FFFFFF;  margin-right:auto; margin-left:auto;}
table tr td {padding:0px;  vertical-align:top;/* #line-height:30px;# removed by mickael... it is too much high*/ color:#000000; text-align:left; /*font-size:80%;*/ width:auto; line-height:20px; /* #Added by mickael, used when there is more than one line of long text, and i want to keep form element at the top# */}
table tr td.urlLine {color:#56576c; line-height:normal; /*font-size:80%*/; padding:2px;}
table tr td.pageTitle { font-weight:bold; padding-left:11px; color:#B20837; line-height:35px; font-size:15px; text-align: left;}

div.localizationMessage { font-weight:bold; padding-left:11px; color:#B20837; line-height:35px; font-size:15px; text-align: left; background-color:#FFFFFF;}

table tr.tableTitles { background-color:#666666;}
table tr.tableTitles td{line-height:25px; color:#FFFFFF;font-weight:bold; /*font-size:80%;*/} 
table tr.zebra { background-color:#efeff0;}
/* #table tr td img {padding:0px 2px} in firefox, the images are not on the same line# */


table.navigation { height:45px;}
table.navigation tr td {line-height:normal; padding: 2px 10px; /*font-size:80%;*/ }


tr.buttonLine {background-color:#f2f2f2; }
tr.buttonLine td{padding:5px 11px;  line-height:normal;}
tr.borderedTop td{border-top:1px solid #d7dde3;}
tr.borderedBottom td{border-bottom:1px solid #d7dde3;}


.subTable table {background-color:#ebebeb;}
.subTable table tr.zebra { background-color:#e3e3e3;}


/*tabs*/
table.bodyBackground {margin-bottom:6px; padding-bottom:10px;}
.labelImportant { color:#000000; vertical-align:middle; padding:5px 10px 0px 10px; /* font-size:70%; font-family:Verdana, Arial, Helvetica, sans-serif; */}
.labelImportant select { vertical-align:middle;}
.labelImportant a{color:#485a9d;}

table.tabsTable { width:850px;}
table.tabsTable td	{ /*font-size:90%;*/}

.tabsContainer 		{background-color:#FFFFFF;  height:auto; width:850px; padding-top:30px; /* font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:95%; */}
/*
ul.shadetabs  		{list-style:none; text-align:left; padding-left:10px;  width:auto; height:24px;}
ul.shadetabs li		{display:inline; background-image:url(../img/ajaxtabs/shade.gif); border:1px solid #d4d4d4;  background-position:top; background-repeat:repeat-x; /*font-size:80%; */ margin-right:2px;  padding:4px 3px;}
/*ul.shadetabs li a	{text-decoration: none; color: #717075;}
ul.shadetabs li a:hover	{color: #485a9d;}
ul.shadetabs li.selected { background-image:none /*selected main tab style */; background-color:#FFFFFF; border-color:#c3c3c3;}
/*ul.shadetabs li.selected a{color: #485a9d;}
*/
.contentstyle { background-color:#FFFFFF; border-bottom:1px solid #d4d4d4; margin-bottom:40px; padding-bottom:30px; padding-top:25px; color:#555555; padding-left: 5px; /* font-family:Verdana, Arial, Helvetica, sans-serif;*/ /*font-size:80%;*/}
.contentstyle div {padding-left:10px; padding-right:10px; }
.contentstyle span {padding-left:10px; padding-right:10px; }
.contentstyle span.buttonAction {padding-left: 0px;}
/***index***/
.indexContainer{ width:100%; height:auto; padding:20px 0px; background-color:transparent; text-align:center;}
.indexContainer div{border:1px solid #B20837; width:850px; height:50px; margin-left:auto; margin-right:auto; vertical-align:middle;}

/*----- Textual Buttons Styles ------*/
/*Input Button Style*/
input.buttonInput {border:1px solid #CCCCCC; background-color:#eeeeef; background-image: url(../img/admin/bg_btn.png);background-repeat: repeat-x;  text-align:center;height:20px; /* font-size:80% */; cursor:pointer; color:#b20837; font-weight:bold; padding:0px 5px; margin-right:5px; vertical-align:middle; width:auto; font-family:arial; font-size:100%;}
/*Span Button Style*/
span.buttonLink{border:1px solid #CCCCCC; background-image:url(../img/admin/bg_btn.png);background-repeat:repeat-x;text-align:center;height:auto; cursor:pointer; color:#b20837; font-weight:bold;padding-left:5px;padding-right:5px;margin-right:0px;/*float:left;*/ padding-top:0px; padding-bottom:0px; /* font-size:80%; */}
span.buttonLink a{color:#B20837;text-decoration:none;}
span.buttonLink a:hover{text-decoration:none;}
/*Actions Button Style*/
div.buttonsWrapper { white-space:nowrap; margin-top:0.1em;}
span.buttonActionContainer{margin:0em; padding:0px;  font-size:88%; text-align:center; cursor:pointer; font-weight: bold; background-image:url(../img/bg_btn_action.gif); background-repeat:no-repeat; width:22px; height:20px; display:inline-block }
span.buttonAction a{color:#414040;text-decoration:none; display:inline-block;text-align:center; width:100%; height:100%; }
/*hover styles - optional, buggy in ie*/
span.buttonAction a:hover{text-decoration:none; }
span:hover.buttonActionContainer {background-image:url(../img/bg_btn_action_on.gif);}
span:hover.buttonActionContainer span.buttonAction a {color:#FFFFFF;}

/*general Button Style*/
.buttonInput {border:1px solid #CCCCCC; background-color:#eeeeef; background-image: url(../img/admin/bg_btn.png);background-repeat: repeat-x;  text-align:center;height:20px; /* font-size:80% */; cursor:pointer; color:#b20837; font-weight:bold; padding:0px 5px; margin-right:5px; vertical-align:middle; width:auto; font-family:arial; font-size:100%;}


/*Input Button Style - Disabled*/
input.buttonInputDisabled { background-image:none; background-color:#ededed; color:#a4a4a4;}
/*Span Button Style - Disabled*/
span.buttonLinkDisabled { background-image:none; background-color:#ededed; color:#a4a4a4;}
span.buttonLinkDisabled  a{color:#a4a4a4;}
/*Actions Button Style - Disabled*/
span.buttonActionContainerDisabled  {background-image:url(../img/bg_btn_action.gif);}
span.buttonActionContainerDisabled span.buttonAction {color:#b5b1b1;}
span.buttonActionContainerDisabled span.buttonAction a {color:#b5b1b1;}
/*--hover styles--*/
span.buttonAction a:hover{text-decoration:none; }
span:hover.buttonActionContainerDisabled  {background-image:url(../img/bg_btn_action.gif);}
span:hover.buttonActionContainerDisabled span.buttonAction a {color:#b5b1b1;}


/* #Mickael's additions# */
a.buttonLink {background-image:url(../img/ajaxtabs/shade.gif); background-repeat:repeat-x; border:1px solid #CCCCCC; cursor:pointer;  font-weight:bold; height:auto; margin-right:5px; padding:0 5px; text-align:center; /* font-size:13px; */text-decoration:none; text-decoration:none; color:#B20837; font-weight:bold; margin-left:0.1em; margin-right:0.1em;}
input.text-button {background-image:url(../img/ajaxtabs/shade.gif); background-repeat:repeat-x; border:1px solid #CCCCCC; cursor:pointer; float:left; -weight:bold; height:auto; margin-right:5px; padding:0 5px; text-align:center; /* font-size:13px; */text-decoration:none; text-decoration:none; color:#B20837; font-weight:bold; width:auto; margin-left:0.1em; margin-right:0.1em;}
input.action-button {background-image:url(../img/ajaxtabs/shade.gif); background-repeat:repeat-x; border:1px solid #CCCCCC; cursor:pointer; float:left; font-weight:bold; height:16px; margin-right:5px; padding:0; text-align:center;text-decoration:none; text-decoration:none; color:#B20837; font-weight:bold; width:auto; margin-left:0.1em; margin-right:0.1em; /*font-size:11px;*/}
/*td a {color:#B20837;}*/
tr.tableTitles td a {color:#ffffff;}
/*input.submit {background: #B20837; border:1px solid #666666; color: #ffffff; font-weight:bolder; margin-right:1em; width:auto; cursor:pointer;}
input.cancel {background: #555555; border:1px solid #666666; color: #ffffff; font-weight:bolder; margin-left:1em; width:auto; cursor:pointer;}*/
.space {line-height:8px;}
.bottomAction {padding-top:10px;padding-bottom:10px;}	 
.error { color:#B20837;font-weight:bolder;}  
input[type=checkbox] {margin-top: 3px;}

input.commit {height:20px; cursor:pointer; background:#999; color:#9B9B9B; font-weight:bold; background:url(../img/commit-bg.gif) repeat-x bottom left; border:1px solid #D7DDE3; padding: 0 0; width: 0; overflow:visible; padding-left:2px; padding-right:2px; padding-bottom:2px;font-size:69%; margin-top:1px}		
input.commit[class] { width: auto; /*ie ignores [class]*/}
tr.border-bottom td {border-bottom: 2px #cccccc solid} 
tr.border-top td {border-top: 2px #cccccc solid} 
tr.divide-list td {border-bottom: 1px #cccccc solid}


/***************************************************************************************************/
/**********************************   DANIEL VOL SECTION *******************************************/
/***************************************************************************************************/

/**********  width properties trying change to % *******/
.width20 {width:20px;}
.width30 {width:30px;}
.width40 {width:40px;}
.width50 {width:50px;}
.width60 {width:60px;}
.width70 {width:70px;}
.width80 {width:80px;}
.width90 {width:90px;}
.width100px {width:100px;}
.width110 {width:110px;}
.width140 {width:140px;}
.width120 {width:120px;}
.width130 {width:130px;}
.width160 {width:160px;}
.width180 {width:180px;}
.width190 {width:190px;}
.width200 {width:200px;}
.width240 {width:240px;}
.width260 {width:260px;}
.width370 {width:370px;}
.width390 {width:390px;}
.width400 {width:400px;}
.width500 {width:500px;}
.width550 {width:550px;}
.width700 {width:700px;}
.width65 {width:65%;}
.widthAuto {width: auto;}

.width_in_per_10 {width: 10%;}
.width_in_per_20 {width: 20%;}
.width_in_per_50 {width: 50%;}
.width_in_per_80 {width: 80%;}
.width_in_per_100 {width: 100%;}

.leftpadding10 {padding-left:10px;}
.leftMargin10 {margin-left:10px;}

/* set bottom padding to be 15px for the first div in body.list  
-> provides spacing with background color at whole page bottom */
body.list > div:first-child {padding-bottom: 15px;}

/*set width property for first level tables and forms to be 98% and all inner (= lever >= 2) to be 100%*/
body.list div form{ background-color: transparent; width: 98%px;}
body.list div table{width: 98%px;}
body.list div table table{width: 100%;}
body.list div table form{width: 100%;}

/* same as upper configs font size */
body div {font-size: 80%;}
body div div {font-size: 100%;}
body div form{width: 98%; font-size: 100%;/**/}
body div form table{width: 100%; /* font-size: 100%; */}
body div form form{width: 100%; /* font-size: 100%;*/}

body div table {width: 98%; font-size: 100%;}
body div table table{width: 100%; /*font-size: 100%;*/}
body div table form{width: 100%; /*font-size: 100%;*/}

/* fixing textarea overflow over table cells */
textarea {width: 99%;}

.topMenuContainer table{background-color:transparent; width: 100%;}

.size100 {size: 100%;}

.zebra { background-color:#f9f9f9;}
.nonzebra { background-color:; }
.zebra2 { background-image: url(../img/sfxadmin/bg_row2.jpg); background-repeat: repeat-x;}
.nonzebra2 { background-image: url(../img/sfxadmin/bg_row2.jpg); background-repeat: repeat-x;}
.zebra3 { background-color:#fcf5f5;}
/******** align *********/
table tr td.alignCenter {text-align:center;}
.centerAlign {text-align:center;}
.middleAlign {vertical-align:middle;}
.topAlign {vertical-align:top; padding: 8px !important;}
.rightAlign {text-align:right;}
.leftAlign {text-align:left;}
.noLeftMargin {margin-left: 0px;}
.noRightMargin input.buttonInput{margin-right: 0px;}
.tab_based_ul_specials td.noLeftPadding {padding: 0px;}
.rightpadding {padding-right: 15px;}
.toppadding {padding-top: 10px;}
.leftpadding td span.buttonLink { margin-left: 5px;}
.leftpadding td input { margin-left: 5px;}
.specialleftpadding td div.buttonsWrapper { margin-left: 5px; margin-right:5px;}
.margin5 {margin: 0px 3px; padding-bottom: 5px;}

div.sehbar {padding: 0px 10px;}
div.sehbar .pageTitle {padding: 0;}
div.sehbar .pageTitle {padding: 0;}
div.sehbar table {width: 100%;}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{margin:1px 0px;}
.ui-widget .buttonLink a{font-family:arial; font-size:100%;}
div .ui-tabs .ui-tabs-panel {padding-left: 0em;}

.red {color: red; padding-right: 2px;}
a.red:visited {color: red;}
a.red:link{color: red;}
span.urlLine {color:#56576c; line-height:normal; /*font-size:80%;*/ padding:2px;}

/* configures yellow hover over zebra */
table.hoverable tr:hover {background-color:#fffbc3;}
table.hoverable tr.tableTitles:hover { background-color:#666666;}
table.hoverable tr.zebra2:hover { background-image: url(../img/sfxadmin/bg_row2-hover.jpg); background-repeat: repeat-x;}
table.hoverable tr.nonzebra2:hover { background-image: url(../img/sfxadmin/bg_row2-hover.jpg); background-repeat: repeat-x;}

/* configures left and right spacing in tables*/

.main_table tr td {padding-left:5px;padding-right:5px;}
.main_table tr td td{padding:0;}
.main_table tr td #institute_table {margin: 5px 0;}
.main_table tr td #institute_table td {padding-left:5px;padding-right:5px;}
table.leftpadding tr > td:first-child {padding-left: 5px;}
.autopadding {padding-left: 5;}

img.topAlign {vertical-align:top;}

/* preventing multiframe pages from double imaging in background. */
/* This class MUST be used on body tag in one-frame pages only or in upper visible frame on multiframe pages */
body.noimage {background-image:url(../img/sfxadmin/sfx_admin_dbManager_bg2.gif); background-repeat:repeat-x;}

select.NoOverflow {overflow:hidden; width: 80%;}
div.withOverflow { width: 100%; overflow: auto; position: relative; max-height: 500px; padding-bottom: 16px;}
div.withOverflow table {width: 3000px;}
#report_form #CollapseTag_1 td, #report_form #CollapseTag_2 td, #report_form #CollapseTag_3 td, #report_form #CollapseTag_4 td, #report_form #CollapseTag_5 td {text-indent: 0px;}
table.report tr.buttonLine td {padding: 5px;}

div.withOverflow table tbody {overflow-x:auto; overflow-y: hidden; }

div.withOverflow thead tr {
position:relative;
top: expression(offsetParent.scrollTop); /*IE5+ only*/
/* fixes the header being over too far in IE, doesnt seem to affect FF */
left: 0px;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.withOverflow td:last-child {padding-right: 20px;}
/************************************************************/
#report_email_name input {width: 140px;}
#report_email_name label.error{margin-left: 5px;}

.transparentTd { background-color:#DADADA; width:4px;}

.nerrow {line-height: 3px;}
/*
li.selected { background-color:#FFFFFF; background-image:url(../img/sfxadmin/bg_btn_grey.jpg); background-repeat:repeat-x; font-weight:bold; border: solid 1px #aaaaaa; border-bottom: none;}

/* set style for tabs at Translation & Display page*/
td.formHeader { background-color:#FFFFFF; background-image:url(../img/sfxadmin/bg_btn_grey.jpg); background-repeat:repeat-x; font-weight:bold; border: solid 1px #aaaaaa; border-bottom: none;}
td.listHeader { background-color:#FFFFFF; background-image:url(../img/sfxadmin/bg_btn_grey.jpg); background-repeat:repeat-x; border: solid 1px #aaaaaa; border-bottom: none;}
td.listHeader a {font-weight:bold; text-decoration: none;}
td.listHeader a:hover {text-decoration:underline;}


/* some rare used bordered specifications*/
.borderedTable { border-style: solid; border-color: #5f5f5f; border-width: 1px;}
.borderedTable td { border-style: solid; border-color: #5f5f5f; border-width: 1px;}
/*.borderedTable input { width: 20%;}
.borderedTable table table input { width: 80%;}*/
.borderedTable input.width65 { width: 65%;}
.borderedTable input[type="checkbox"] {width: auto;}
.borderedTable td td {border: none;}

div.StatFilterControl { float: left; border-left:2px solid #CCCCCC; margin:10px 0; padding:0 10px;} 
div.StatFilterControlFirst {border-left:none;} 

.fileinputs {display: inline;}

/* !!! seems as not in use any more !!!*/
/* same as for main windows properties for pop up windows as edit, view and add */
/* body tag must have popup class*/
body.popup table {width: 98%;}
body.popup form {width: 100%;}
body.popup table table {width: 100%;}
body.popup form table {width: 100%;}

.tab_based_ul {line-height: 20px; background-color: white; padding: 0 10px; border-bottom: 3px solid #b20837;}
.tab_based_ul ul{list-style:  none; }
.tab_based_ul ul li { display: inline; padding:5px;}
.tab_based_ul ul li a{ text-decoration: none; color: black;}
.tab_based_ul_body {background-color: white; padding: 0 10px;}
.tab_based_ul_specials {padding-bottom:5px; margin-bottom:5px;}
.tab_based_ul_specials td {padding: 0 0 0 5px;}
#export-advanced-options {list-style:  none;}

li.selected { background-color: #B20837; color: #FFFFFF; font-weight: bold;}
.tab_based_ul ul li.selected a { color: #FFFFFF;}
.tab_based_ul ul li.selected a span {padding: 0px 12px;}
.tab_based_ul_body #ajaxcontentarea {margin-left: 5px;}

.logoContainer {padding-left:1%;}
.topMenu {padding-right:1%;}
.subNav {margin-bottom:5px;}
.subMenuContainer .subNav ul {padding-left: 1%;}
.subMenuContainer .subNav ul li {padding: 0;}
.menuContainer {padding-left: 1%;}

.fixed_footer {position: fixed; bottom: 15px;}
.white_background {background-color:white;}

.special_checkbox_padding table td input[type="checkbox"] {margin-left: 2px;}

/* organising space between container and content*/
/*span.buttonLink ,*/ input, select, textarea { margin: 2px 0 2px 2px;}
.topbottomSpace { padding-bottom: 2px; padding-top:2px; }

table tr td input {vertical-align: middle;}
table tr td select {vertical-align: middle;}

/* set new color for links*/
.navigation a {color: #0056cc;}

/*set border for upper section one for each one of top bootom sides*/
.borderTop {border-top: 1px solid #d7dde3;}
.borderBottom {border-bottom:1px solid #d7dde3;}

/* fixing aligning of span buttons in case of add / close local links */
.addlocalfix span.buttonLink { text-align: right;}

/* popup pages must have smaller font size */
#tabs form{font-size: 0.9em;}
#tabs {margin: 5px;}

table tr td {vertical-align: middle;}
.configuratorBorderedTable {border: 1px groove #CCCCCC;}

input[type="radio"] {margin-right: 2px;}

/* Source page right alignment for navigation buttons */
.main_table tr td.rightPadding {padding-right: 15px;}
tr.tableTitles td span {padding-left: 5px;}
/*.nointend tr.tableTitles td {text-indent: 0px;}
 set border at A_Z ver3 configuration page's table*/
.az_borderedCell { border: 1px solid #CCCCCC;}
.floatleft {float: left;}

/* A_Z ver3 configuration page multiselect width*/
.fullSizeMultiSelect {width: 85%; /*min-width: 97%; */}
.fix_select {float:left; display:block; display: inline-block; text-indent: 0px;}
.fix_select_text_indent {padding-left: 25px;}
.fix_select_right_padding {padding-right: 30px;}
.minSize {width: 210px; /*min-width: 180px; */}
.minSize2 {width: 550px; font-size:10px; /*min-width: 180px; */}
.maxSize {max-width: 100%;}
tr.AZ-width > td:first-child {width: 100%;}
#CollapseTag_1 td, #CollapseTag_2 td, #CollapseTag_3 td, #CollapseTag_4 td, #CollapseTag_5 td {text-indent: 25px;}
#CollapseTag_5 table td {vertical-align: top;}
/* sometimes need to desable 100% width property for select input*/
div.regularSelect select {width: auto;}
/* disable vertical align to middle for menu configuratot page...*/
.topAlign td {vertical-align: top;}
.topAlign table, .leftAlignment table {padding-left: 10px;}
/* menu configuration page menu design section tab colorization*/
.chosenMenuItem { background-color: #B20837; color: #FFFFFF;}
.chosenMenuItem span {padding: 0px 12px;}
.chosenSubMenuItem { background-color: #FFFFFF; color: #000000;font-weight:bold}
.chosenSubMenuItem span {padding: 0px 12px;}
.custom_right_border {border-right: 2px solid #b20837;}
/*  */
.navigation .noLeftPadding {padding-left: 0px; border: 3px solid #B20837; }
.navigation .noRightPadding { padding-right: 0px; padding-top: 0px;}

/* DCS section inner table design addaptation */
.borderedTop table td {border: none;}
.borderedBottom table td {border: none;}
.buttonLine table {background-color: transparent;}

/* institute setup inner table spacing*/
.innerSpacer {padding-left: 10px; padding-right:10px;}
.outerSpacer {margin-left:10px; margin-right:10px;}

/* Advanced Collection tool adaptation */
div #frame {position: static; width:100%; margin: auto;}
div #frame form {width: auto;}
#example div {padding-left: 20px; margin-bottom: 20px;} 
#export-controls-shown ol, #export-controls-shown ul {padding-left: 25px;}
#export-controls-shown #export-advanced-options {padding-left: 0px;}
#frame .ui-tabs-selected {background-color: #B20837;}
#frame .ui-tabs-selected a span {color: #FFFFFF;}
#frame .ui-tabs-nav li.ui-tabs-selected span {font-weight: bold;}
#frame .ui-tabs-nav {padding: 0 0 0 20px; margin: 0px; border-bottom: 3px solid #b20837;}
#frame .ui-tabs-nav li {padding: 0px; margin: 0px; margin-right: 5px;}
#frame .ui-tabs-nav li span {font-weight: normal;}
#frame .ui-tabs-nav .ui-tabs-selected a {border: none; padding-bottom:2px;}
#export-cjk_title_type #export-cjk_title_type_select {padding-left: 20px;}
#export-cjk_title_type #export-cjk_title_type_select input[type="radio"] {margin-right: 2px;}

#export-interface .side_margin {margin: 0px 10px;}
.paragraph {margin: 0px 25px;}

#export-interface .side_margin {margin: 0px 10px;}
.paragraph {margin: 0px 25px;}

#export-interface .side_margin {margin: 0px 10px;}
.paragraph {margin: 0px 25px;}

.pageTitle { font-weight:bold; padding-left:11px; color:#B20837; line-height:35px; font-size:15px; text-align: left;}
.disabled_option {color: #CCC;}
.TS_combo {width: 9.5cm;}
.TS_combo_marcit {width: 21cm;}
/* Eli Rashlin addition */
button.button_no_border{border-style:none;cursor:pointer;background-color:transparent;}
table tr td.pageTitle_dcs { font-size:14px; padding-left:11px; line-height:23px}
.alignCenter_conflict {text-align:center; color:#B20837 }
input.submit_dcs {background: #B20837; border:1px solid #666666; color: #ffffff; font-weight:bolder; margin-right:1em; width:auto; cursor:pointer;}
input.cancel_dcs {background: #555555; border:1px solid #666666; color: #ffffff; font-weight:bolder; margin-left:1em; width:auto; cursor:pointer;}


input.hideBrowse { position:absolute;
			 -moz-opacity:0;
  			 filter:alpha(opacity: 0);
  			 opacity: 0;
  			 z-index: 2;
    		}
.browseInput input.buttonInput {width: 70px;}
select.filter {margin-left: 2px;}

.pointerCoursor {cursor: pointer;}
/********************************************************/
/* Customization of position for browse button at pages */
.inline {display: inline;}
/* Category tools -> loader tab */
/*.loaderLeft {left: 20%;}*/
/* Target Matcher page */
/*.targetMatcherLeft {left: 20%;}*/
/* 

/* david's changes */
.leftmargin5 {margin-left:5px;} 
/*changes to make font of list smaller*/

body.popup_fix {font-size:90%;}


ul.links li a {text-decoration:none}


#condition_table .subcategory_select {
 float:left; position: absolute; clear:both; border:1px solid red
z-index:100; visibility:visible; visibility:hidden;} 
#condition_table .subcategory_select {float:left; position: absolute; clear:both; z-index:100; visibility:hidden; margin-left:1em} 
#condition_table .subcategory_label {padding-left:1em; cursor:pointer; color:#0056cc;  }
#condition_table .subcategory_label:hover { text-decoration:underline }


.overflow_field{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
.target_name_field{width:700px;}
.target_name_field_short{width:310px;}
.target_threshold_field{width:260px;}
.targetservice_threshold_field{width:260px;}
.portfolio_title_field{width:400px;}
.portfolio_title_field_short{width:235px;}
.portfolio_threshold_field{width:260px;}
.portfolio_threshold_field_short{width:175px;}
@media screen and (min-width: 1360px){
   .portfolio_targetname_field{width:600px;}
}
@media screen and (max-width: 1360px){
   .portfolio_targetname_field{width:500px;}
}
.portfolio_targetname_field_short{width:330px;}
.object_title_field{width:330px;}
.object_author_field{width:120px;}

table.noLeftPadding {padding-left:unset}
th.normalFont {font-weight: normal;}
a.normalText {color: black;text-decoration: none;}
.tab_based_ul_body #side_menu .leftPaddingMenu {padding-left:2em;}
#pick_template_div .leftpadding10 {padding-left:10px;}

/* Specific for parse param boxes as it did not display properly very long fields in IE */
.kb_parse_param{word-break: break-all;}
.lcl_parse_param{word-break: break-all;}

.new_target_img{position: relative; left: 8px;top: -4px}