/*-------------General CSS -------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button
{ margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;}
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block;}
ol, ul, li { list-style:none; margin:0; padding:0;}
li  { list-style-image:none; list-style:none;}
table { border-collapse: collapse; border-spacing:0;}
a img, IMG  { border:none;}
a { outline-width:0; text-decoration:none; border:none; outline:0; color:#000; }
.clear  { clear:both; line-height:0; height:0; font-size:0;}
body   {color:#000; margin:0px; padding:0px;}

#subNav {padding-right: 0.4em; padding-top: 0.4em;}
#subNav a {color: #2C4D82; font-size: 75%; cursor:pointer;}

/*------------- Light Box Overlay -------------*/

#overlay,.Overlay { top:0; left:0; display:block; position:fixed; width:100%; height:100%; background:none repeat scroll 0 0 #222222; opacity:0.6; z-index:1000; filter:Alpha(Opacity=60); }


/*------------- Header -------------*/

.top-header { background:url(../images/header-bg.png) repeat-x #e2e0e0; display:block; float:left; height:40px; position:relative; width:100%; z-index:10003; overflow: hidden;}

.top-header .logo { margin-left:10px; margin-top:2px; height:37px;}

.collection-image{width:70%;height:70px;border-radius:6px; margin: 20px auto auto 18px;;display: block;}
/*------------- Navigation -------------*/

.navigator-bar { clear:left; width:100%; height:43px; background:#ffffff;}

.navigator-bar span{ color: #555555fa; font-family: verdana; font-size: 18px; line-height: 250%; margin-left: 25px; float:left; }

.navigator-bar ul { float: right; height: 39px; line-height: 100%; margin-top: 6px; padding-right: 18px;  text-align:right; }

.navigator-bar ul li.search-input { display:inline-block; width:199px; vertical-align:middle; margin-right:9px; *float:left; }

.navigator-bar ul li.search-input  input { background: url("../images/navigator-input-bg.png") no-repeat scroll right center transparent; border: 0 solid; color: #626262; font-family: verdana; font-size: 12px; padding: 5px 0 5px 8px; width: 191px; *margin-top:4px; }

.navigator-bar  ul li.search-input span.search-icon{  background: url("../images/navigator-search-icon.png") no-repeat scroll right center transparent; display: inline-block; float: right; height: 16px; right: 9px; top: -21px; position: relative; width: 17px; cursor:pointer; }

.navigator-bar ul li.open-folder-icon { position:relative; display:inline-block; vertical-align:top; background:url(../images/open-folder-icon.png) no-repeat; width:54px; height:30px; margin-right:9px; *float:left; }

.navigator-bar ul li.open-folder-icon div{ background: url("../images/open-folder-link.png") no-repeat scroll right center transparent; display:inline-block; height:7px; position:absolute; right:6px; top:12px; width:10px; z-index:100; }

.navigator-bar ul li.info-icon{ display:inline-block; margin-top:4px; background:url(../images/info-icon.png) no-repeat; width:23px; height:22px; margin-right:9px; *float:left; }

.navigator-bar ul li.setting-icon{ display:inline-block; margin-top:4px; background:url(../images/setting-icon.png) no-repeat; width:20px; height:22px; *float:left; }

.navigator-bar ul li.view-icon{ display:inline-block; margin-top:4px; background:url(../images/view-icon.png) no-repeat; width:44px; height:23px; margin-right:9px; cursor:pointer; *float:left; }

.navigator-bar ul li.button-set { display:inline-block; margin-top:4px; height:23px;}

.ui-icon-thumbnails { background:url(../images/thumbnails-icon.png) no-repeat !important;; width:23px; height:17px; margin-right:9px; *float:left;}

.ui-icon-list { background:url(../images/list-icon.png) no-repeat !important;; width:23px; height:17px; margin-right:9px; *float:left;}

.navigator-bar ul li.view-icon img{ float: left; margin-left: 4px; margin-top: 3px; }

.navigator-bar ul li.button-set fieldset label span.ui-button-text {margin-left:0px;}

/*------------- Collection Menu -------------*/

.navigator-bar .collection-menu { position: absolute; right: 63px; top: 73px; width: 183px; z-index: 50; *right:79px; }

.navigator-bar .collection-menu .replace-folder-icon { position: relative; z-index:50;  display: inline-block; vertical-align: top; background: url('../images/open-folder-icon-hover.png') no-repeat scroll 0% 0% transparent; width: 54px; margin-left: 104px; height: 27px; margin-top: -27px;  }

.navigator-bar .collection-menu .top-bg { background: url('../images/collection-menu-bg-top.png') repeat-x scroll center top rgb(255, 255, 255); width: 158px; height: 5px;  }

.navigator-bar .collection-menu .top-bg-rtl { background: url('../images/collection-menu-bg-top-rtl.png') repeat-x scroll center top rgb(255, 255, 255); width: 158px; height: 5px;  }

.navigator-bar .collection-menu .bottom-bg { background: url('../images/collection-menu-bg-bottom.png') repeat-x scroll center top rgb(255, 255, 255); width: 158px; height: 4px;  }

.navigator-bar .collection-menu ul { background: url('../images/collection-menu-bg.png') repeat-x scroll center top #FFFFFF; border-left:1px solid #C6C6C6; border-right:1px solid #C6C6C6; float:none; margin:-1px 0 0; padding-right:0; position:relative; z-index:-1; height:auto;  width:156px;}

.navigator-bar .collection-menu ul li { border-top:1px solid #C6C6C6; height:26px; list-style-type:none; }

.navigator-bar .collection-menu ul li  span{ text-align:left; font-family: verdana; font-size: 11px; margin-left:6px; width:95%; cursor:pointer; color:#626262; }

.navigator-bar .bread-crumbs { display: inline-block; height: 25px; margin-left: 12px; margin-top: 10px; width: 70%; }

.navigator-bar .bread-crumbs table { height:25px; }

.navigator-bar .bread-crumbs table tr td span { color: #747474; display: inline-block; font-family: verdana; font-size: 12px; margin-bottom: 0; margin-right: 10px; margin-left:0; line-height:120%; }

.hr-navigator { clear:both; no-repeat left center;height:1px;background-color:#cdcdcd; }


/*------------- Bread Crumbs -------------*/

.navigator-bar .bread-crumbs { float:left; display: inline-block; height: 25px; margin-left: 12px; margin-top: 10px; width: 60%; }

.navigator-bar .bread-crumbs table { height:25px; }

.navigator-bar .bread-crumbs table tr td span { color: #747474; display: inline-block; font-family: verdana; font-size: 12px; margin-bottom: 0; margin-right: 10px; margin-left:0; line-height:120%; }

.navigator-bar .bread-crumbs table tr td span.last-menu { font-weight:bold; }

.hr-navigator { clear:both; background: no-repeat left center;height:1px;background-color:#cdcdcd; }


/*------------- list Menu -------------*/

.navigator-bar .list-menu { cursor:pointer; position:absolute; right:63px; top:77px; z-index:48; *right:79px; }

.navigator-bar .list-menu .replace-folder-icon { background:url("../images/open-view-icon.png") no-repeat scroll 0 0 transparent; display:inline-block; float:right; height:27px; margin-left:104px; margin-top:-27px; position:relative; vertical-align:top; width:44px; z-index:50; *margin-left:-56px; }

.navigator-bar .list-menu .replace-folder-icon img { margin-left: 4px; margin-top: 3px; }

.navigator-bar .list-menu ul { display:inline-block; background: url('../images/list-menu-bg.png') repeat-x scroll center bottom #FFFFFF; border:1px solid #C6C6C6; float:right; margin:-1px 0 0; border-top:solid 0; padding-right:0; position:relative; z-index:-1; height:57px; width:117px; border-radius:4px 0 6px 6px; *margin-right:12px;  }

.navigator-bar .list-menu ul li { border-top:1px solid #C6C6C6; height:27px; list-style-type:none; width:100%; }

.navigator-bar .list-menu ul li:hover { background: url('../images/view-bk-over.png') no-repeat scroll center center; }

.navigator-bar .list-menu ul li span.thumbnails {  background: url('../images/thumbnails-icon.png') no-repeat scroll left center; padding-left: 29px; }

.navigator-bar .list-menu ul li span.list { background: url('../images/list-icon.png') no-repeat scroll left center; width:70%; padding-left: 29px; *margin-top:-3px;}

.navigator-bar .list-menu ul li  span{ display:block; text-align:left; font-family: verdana; font-size: 11px; margin-left:8px; margin-right:10px; cursor:pointer; color:#626262; }

/*------------- Header RTL -------------*/

.top-header-rtl { background:url(../images/header-bg.png) repeat-x #e2e0e0; display:block; float:left; height:40px; position:relative; width:100%; z-index:10003; direction:rtl;overflow: hidden;}

.top-header-rtl .logo { margin-right:12px; margin-top:8px; }

/*------------- Navigation RTL -------------*/

.navigator-bar-rtl { clear:left; width:100%; height:43px; background:#ffffff; direction:rtl;}

.navigator-bar-rtl span{ color: #8C8A8A; font-family: arial; font-size: 18px; line-height: 250%; margin-left: 25px; float:right; }

.navigator-bar-rtl ul { float: left; height: 39px; line-height: 100%; margin-top: 6px; padding-left: 18px; text-align:right; }

.navigator-bar-rtl ul li.search-input { display:inline-block; width:199px; vertical-align:middle; margin-right:9px; *float:left; }

.navigator-bar-rtl ul li.search-input  input { background: url("../images/navigator-input-bg.png") no-repeat scroll right center transparent; border: 0 solid; color: #626262; font-family: arial; font-size: 12px; padding: 5px 0 5px 8px; width: 191px; *margin-top:4px; }

.navigator-bar-rtl  ul li.search-input span.search-icon{  background: url("../images/navigator-search-icon.png") no-repeat scroll right center transparent; display: inline-block; float: left; height: 16px; right: 20px; top: -21px; position: relative; width: 17px; cursor:pointer; }

.navigator-bar-rtl ul li.open-folder-icon { position:relative; display:inline-block; vertical-align:top; background:url(../images/open-folder-icon.png) no-repeat; width:54px; height:30px; margin-right:9px; *float:left; }

.navigator-bar-rtl ul li.open-folder-icon a{ background: url("../images/open-folder-link.png") no-repeat scroll right center transparent; display:inline-block; height:7px; position:absolute; right:6px; top:12px; width:10px; z-index:100; }

.navigator-bar-rtl ul li.info-icon{ display:inline-block; margin-top:4px; background:url(../images/info-icon.png) no-repeat; width:23px; height:22px; margin-right:9px; *float:left; }

.navigator-bar-rtl ul li.setting-icon{ display:inline-block; margin-top:4px; background:url(../images/setting-icon.png) no-repeat; width:20px; height:22px; *float:left; }

.navigator-bar-rtl ul li.view-icon{ display:inline-block; margin-top:4px; background:url(../images/view-icon.png) no-repeat; width:44px; height:23px; margin-right:9px; cursor:pointer; *float:left; }

.navigator-bar-rtl ul li.view-icon img{ float: left; margin-left: 4px; margin-top: 3px; }

/*------------- Collection Menu -------------*/

.navigator-bar-rtl .collection-menu { position: absolute; right: 63px; top: 73px; width: 183px; z-index: 50; *right:79px; }

.navigator-bar-rtl .collection-menu .replace-folder-icon { position: relative; z-index:50;  display: inline-block; vertical-align: top; background: url('../images/open-folder-icon-hover.png') no-repeat scroll 0% 0% transparent; width: 54px; margin-left: 104px; height: 27px; margin-top: -27px;  }

.navigator-bar-rtl .collection-menu .top-bg { background: url('../images/collection-menu-bg-top.png') repeat-x scroll center top rgb(255, 255, 255); width: 158px; height: 5px;  }

.navigator-bar-rtl .collection-menu .top-bg-rtl { background: url('../images/collection-menu-bg-top-rtl.png') repeat-x scroll center top rgb(255, 255, 255); width: 158px; height: 5px;  }

.navigator-bar-rtl .collection-menu .bottom-bg { background: url('../images/collection-menu-bg-bottom.png') repeat-x scroll center top rgb(255, 255, 255); width: 158px; height: 4px;  }

.navigator-bar-rtl .collection-menu ul { background: url('../images/collection-menu-bg.png') repeat-x scroll center top #FFFFFF; border-left:1px solid #C6C6C6; border-right:1px solid #C6C6C6; float:none; margin:-1px 0 0; padding-right:0; position:relative; z-index:-1; height:auto;  width:156px;}

.navigator-bar-rtl .collection-menu ul li { border-top:1px solid #C6C6C6; height:26px; list-style-type:none; }

.navigator-bar-rtl .collection-menu ul li  span{ text-align:left; font-family: arial; font-size: 11px; margin-left:6px; width:95%; cursor:pointer; color:#626262; }

.navigator-bar-rtl .bread-crumbs { display: inline-block; height: 25px; margin-left: 12px; margin-top: 10px; width: 70%; }

.navigator-bar-rtl .bread-crumbs table { height:25px; }

.navigator-bar-rtl .bread-crumbs table tr td span { color: #747474; display: inline-block; font-family: arial; font-size: 12px; margin-bottom: 0; margin-right: 10px; margin-left:0; line-height:120%; }

.hr-navigator { clear:both; background:no-repeat left center;height:1px;background-color:#cdcdcd; }


/*------------- Bread Crumbs -------------*/

.navigator-bar-rtl .bread-crumbs { float:right; display: inline-block; height: 25px; margin-left: 12px; margin-top: 10px; width: 60%; }

.navigator-bar-rtl .bread-crumbs table { height:25px; }

.navigator-bar-rtl .bread-crumbs table tr td span { color: #747474; display: inline-block; font-family: arial; font-size: 12px; margin-bottom: 0; margin-right: 10px; margin-left:0; line-height:120%; }

.navigator-bar-rtl .bread-crumbs table tr td span.last-menu { font-weight:bold; }

.hr-navigator { clear:both; background: no-repeat left center;height:1px;background-color:#cdcdcd; }

/*------------- list Menu -------------*/

.navigator-bar-rtl .list-menu { cursor:pointer; position:absolute; left:54px; top:77px; z-index:48; *right:79px; }

.navigator-bar-rtl .list-menu .replace-folder-icon { background:url("../images/open-view-icon.png") no-repeat scroll 0 0 transparent; display:inline-block; float:left; height:27px; margin-left:0px; margin-top:-27px; position:relative; vertical-align:top; width:44px; z-index:50; *margin-left:-56px; }

.navigator-bar-rtl .list-menu .replace-folder-icon img { margin-right: 16px; margin-top: 3px; }

.navigator-bar-rtl .list-menu ul { display:inline-block; background: url('../images/list-menu-bg.png') repeat-x scroll center bottom #FFFFFF; border:1px solid #C6C6C6; float:left; margin:-1px 0 0; border-top:solid 0; padding-right:0; position:relative; z-index:-1; height:57px; width:117px; border-radius:0 4px 6px 6px; *margin-right:12px;  }

.navigator-bar-rtl .list-menu ul li { border-top:1px solid #C6C6C6; height:27px; list-style-type:none; width:115%; }

.navigator-bar-rtl .list-menu ul li:hover { background: url('../images/view-bk-over.png') no-repeat scroll center center; }

.navigator-bar-rtl .list-menu ul li span.thumbnails {  background: url('../images/thumbnails-icon.png') no-repeat scroll right center; width:70%; padding-right: 30px; }

.navigator-bar-rtl .list-menu ul li span.list { background: url('../images/list-icon.png') no-repeat scroll right center; width:70%; padding-right: 30px; *margin-top:-3px;}

.navigator-bar-rtl .list-menu ul li  span{ display:block; text-align:right; font-family: arial; font-size: 11px; margin-left:8px; margin-right:10px; cursor:pointer; color:#626262; }


/* ------------ collection list -------*/
.typeD table th, .typeD table td, .typeD2 table th, .typeD2 table td, .typeD3 table th, .typeD3 table td {
 	color: #626262;
    /*font-family: verdana;
    font-size: 12px;*/
    text-align: left;

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

}

/* ------------ collection list RTL -------*/
.typeD  table .collection-rtl th, .typeD table .collection-rtl  td, .typeD2 table .collection-rtl th, .typeD2 table .collection-rtl  td, .typeD3 table .collection-rtl th, .typeD3 table .collection-rtl td,
.typeD  table .ie-rtl th, .typeD table .ie-rtl  td, .typeD2 table .ie-rtl th, .typeD2 table .ie-rtl  td, .typeD3 table .ie-rtl th, .typeD3 table .ie-rtl td,
.typeD2  table .cmsResolverHeader-rtl th {
 	color: #626262;
    font-family: arial;
    font-size: 12px;
    text-align: right;
}


.typeD2 table.wideTable tr {
 	background-color: #EAEBEB;
    border-bottom: 1px solid #D0CECE;
    height: 30px;
    line-height: 30px;
}

.typeD2 table.wideTable {
    width: 100%;
}

.typeD, .typeD2, .typeD3 {
    width: 100%;
}

.typeD2 table.wideTable th {
	border:none;background-color: transparent;
}
.typeD2 table.wideTable tr.collectionViewerHeader{background-color: transparent;}
.typeD2 table.wideTable tr.collection {background-color: #EAEBEB;}
.typeD2 table.wideTable tr.ie {background-color: #F6F6F6;}

.typeD2 table.wideTable tr.collectionViewerHeader-rtl {background-color: transparent; direction:rtl;}
.typeD2 table.wideTable tr.collectionViewerHeader-rtl th {text-align:right;}

.typeI div.alignRight div.alignLeft{font-size: 80%;}
.typeI div.alignRight div.alignRight{font-size: 80%;}

.typeI-rtl div.alignLeft div.alignRight{font-size: 80%;}
.typeI-rtl div.alignLeft div.alignLeft{font-size: 80%;}
.typeI-rtl{padding:5px 0px 0px 5px;height:28px;border-bottom:1px solid #D7DDE3;background-color:#FBFBFB;direction:rtl;}
.typeI-rtl div.alignLeft{ width:34%; padding-top:0; margin-left:3px}
.typeI-rtl div.alignRight{ width:65%; padding-top:0; }
.typeI-rtl div.alignLeft ul li { font-size:94%; font-weight:normal; float:right; color:#9B9B9B ; padding-left:3px; padding-right:3px;}


.ie-top {
    display: inline-block;
   	height: 47px;
    left: 14px;
    top: 44px;
    z-index: 1;
}

.typeD3 div.gallery ul li {width:11.7em; margin: 0 0.5% 3em;}
.typeD3 div.gallery {overflow-y: inherit;overflow-x: inherit;}

/* For Gallery view RTL*/
.typeD3 div.gallery-rtl {height:20em; overflow:inherit;margin-bottom:0.5em;width:100%;direction:rtl; }
.typeD3 div.gallery-rtl ul {padding: 0;margin: 0;list-style-type: none;float:left;clear:right; width:100%}
.typeD3 div.gallery-rtl ul li { float:right; margin: 0 0.5% 3em; width: 11.7em}
.typeD3 div.gallery-rtl ul li input {vertical-align: top;}
.typeD3 div.gallery-rtl ul li ul {list-style-type: none;float:left;}
.typeD3 div.gallery-rtl ul li ul li {float:none; border: 0; margin: 0; width:100%;padding-bottom:0;}
.typeD3 div.gallery-rtl ul li ul li.inLine { width: 45%; float:left; margin: 0.2em 0.2em 0em 0em; padding-left:0em; padding-right:0em; }
.typeD3 div.gallery-rtl ul li ul li.actions { clear:left; margin: 0.2em 0.2em 0em 0em; padding-left:0em; padding-right:0em; }

.gallery-rtl .ppy-stage {
    width:          150px;
    height:         150px;
    overflow:       hidden;
    display: inline-block;
    height: 73px;
    right: 15px;
    top: 5px;
    width: 94px;
}

/*------------- Main Menu -------------*/

ul li.collection,li.collection-rtl, ul li.ie, ul li.ie-rtl{ width:133px; height:104px;position: relative; top: 15px; }
ul li.collection, ul li.collection-rtl  {background-image:url(../images/collection-folder.png); background-repeat:no-repeat;}
ul li.ie, ul li.ie-rtl  {background: url("../images/ie-folder-bg.png"); background-repeat:no-repeat;}

ul li.subCollection {  position: relative;
    top: 29px; font-family: verdana;
    padding-left: 15px;
    font-size: 11px;
    font-style: italic;}
ul li.subCollection a {   color:#FFFFFF;}
li.collection-rtl ul li.subCollection a {   color:#FFFFFF;float:left; padding-left:27px;}

.subCollectionCaption { position: relative; width: 133px;padding-top:15px}
.main-menu { display:inline-block; width:100%; height:89%; margin: 0 0 0;}

.main-menu .main-collection { margin:0; padding:0; }

.main-menu .main-collection  ul li.collection { float:left; background-image:url(../images/collection-folder.png); background-repeat:no-repeat; width:133px; height:104px; list-style:none; margin-left:58px; margin-bottom:70px; }

.main-menu .main-collection  ul li.collection label  { color: #fff; font-family: verdana; font-size: 11px; font-style: italic; margin-left: 11px; position: relative; text-align: left; top: 27px; }

.main-menu .main-collection  ul li.collection span { color: #626262; display: inline-block;font-family: verdana; font-size: 13px; padding-left: 9px; text-align: center; width: 123px; margin-top:88px; }

.main-menu .main-collection  ul li.ie { float:left; position:relative; background:url(../images/ie-folder-bg.png) no-repeat; width:133px; height:104px; list-style:none; margin-left:58px; margin-bottom:70px; }

.main-menu .main-collection  ul li.ie .paging { margin-left:9px; position:absolute; text-align:center; top:77px; width:124px; z-index:3; }

.main-menu .main-collection  ul li.ie .paging span { color:#626262; display:inline-block; font-family:verdana; font-size:10px; }

.main-menu .main-collection  ul li.ie .paging span.next { margin-left:10px; cursor:pointer; }

.main-menu .main-collection  ul li.ie .paging span.back { margin-right:10px; cursor:pointer; }

.main-menu .main-collection  ul li.ie span.sub-title { color: #626262; display: inline-block; font-family: verdana; font-size: 13px; padding-left: 9px; text-align: center; width: 123px; margin-top:101px; }

.main-menu .main-collection  ul li.ie span.img-shadow { background: url(../images/first-screen-bg.png) no-repeat right center; display: inline-block; height: 73px; left: 24px; position: absolute; top: 10px; width: 94px; }

.main-menu .main-collection  ul li.ie span.img-shadow img { padding-left: 1px; padding-top: 1px; }

.main-menu .main-collection  ul li.ie span.ie-top-glow { display:inline-block; left: 14px; top: 44px; position:absolute; background: url(../images/ie-glow-bg.png) no-repeat right center; width:114px; height:47px; }



/*------------- Footer -------------*/

.footer { line-height:250%; background:url(../images/footer-bg.png) repeat-x #999797; width:100%; height:24px; position:fixed; bottom:0; z-index:1002; }

.footer  span.company-name{ display:inline-block; color:#fff; float:left; padding-left:22px; font-family:Verdana; font-size:12px; }

.footer  span.terms{ display:inline-block; color:#fff; float:right; padding-right:13px; font-family:Verdana; font-size:12px; }

.footer  a.terms-link{ display:inline-block; color:#fff;}

.typeProgessBar .ui-progressbar {width: 85%; margin: 0 auto}
.logoContainerLogin { width:40%; float:left;}
.logoContainerLogin img { padding-left:2.3em; padding-top:2.2em;padding-bottom:0.3em }

.bold{font-weight:bold; color:#333333}

/*breadcrumbs*/
.breadCrumbs { background-color:#FFFFFF;  width:auto; text-align:left; font-size:80%; font-weight:bold; color:#555555; background-image:url(../images/icon_producers.png); background-repeat:no-repeat; background-position:left;height:4em;padding:1em 0em; }
.breadCrumbs span{ padding-left:4em; padding-top:0.4em; display:block; }
.breadCrumbs span a{ color:#777777; text-decoration:underline;}
.breadCrumbs span a:visited { color:#777777; text-decoration:underline;}
.breadCrumbs span a:hover { color:#555555; text-decoration:underline;}
/* not in use --- Diana 23/09/2008 --- .breadCrumbs span a img{margin:0px; padding:0px; border:none; width:none; margin-right:-4px} */
.breadCrumbs div.notes{ background-color:#fdef70; color:#000000; float:left; font-weight:normal; margin:0.3em 4em 0em; padding:0.1em 0.5em;text-align:left;width:70%;}

/*main screen types*/
.contentWrap{ width:98%;margin-top:12px;padding-bottom:0em;height:70%; margin-top:12px;/*new 7.4.08*/margin-left:auto; margin-right:auto }

.center 		  {text-align:center;}

/*mainContainer*/
.mainContainer { background-color:#FFFFFF; width:100%; text-align:left; font-size:80%; font-weight:normal; color:#555555; margin-top:3px; min-height:410px;_height:410px;}
.mainContainer table{ margin-bottom:1em;margin-top:0em; }
.mainContainer table td{ border-bottom:1px solid #D7DDE3;color:#555555; height:1.5em}
.mainContainer table th{ color:#555555;border-bottom:1px solid #D7DDE3;border-top:1px solid #D7DDE3; /*background-color:#FFFFFF;*/ height:26px; text-align:left}
.mainContainer table th.center {text-align:center;}
/*background removed to fix the BG of the file http://localhost:1801/mng/action/form.do?operation=FormDetails*/
.mainContainer table th a, .mainContainer table th a:visited{ color:#ED3841; text-decoration:underline}
.mainContainer table th a:hover{ color:#0056CC;}
.mainContainer table th a img{ padding-left:3px; vertical-align:middle}
.mainContainer table td a{ color:#0056CC;}
.mainContainer table td a:visited{ color:#0056CC;}

.typeB span.title{margin-left:0em;}

.infobox-rtl div.typeB span.title{margin-left:0em;float:right;}
.infobox-rtl div.typeC div.formDiv div.line div{float:right;}

.defaultImageContainer {margin-left:auto;margin-right:auto;margin-top:10%;display:block;width:580px;min-height:300px;
				height:auto;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:1px solid #e0e0e0;
				padding-bottom:2em;background-image: url(../images/bg_transparent.png);}
.defaultImageContainer p { font-size:110%; font-weight:normal; padding-top:1.5em; letter-spacing:0px; width:500px; margin-left:auto; margin-right:auto; text-align:left; margin-bottom:1em; }
.defaultImageContainer ul { margin:0em; padding:0em; width:500px; margin-left:auto; margin-right:auto;}
.defaultImageContainer li { text-align:left; list-style-position:inside; list-style-type:none;  }
.defaultImageContainer img { margin-bottom:1em; margin-top:1.5em; display:block; margin-left:auto; margin-right:auto;}
.defaultImageContainer a { color:blue;}

.mobileDefaultImageContainer {margin-left:auto;margin-right:auto;margin-top:10%;display:block;width:250px; min-height:300px;
  height:auto;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; padding-bottom:2em;
  background-image: url(../images/bg_transparent.png); padding-top: 10%; mix-blend-mode: undefined;
  font-family: Roboto;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #474747;}
.mobileDefaultImageContainer p { font-size:110%; font-weight:normal; padding-top:1.5em; letter-spacing:0px; margin-left:auto; margin-right:auto; text-align:left; margin-bottom:1em; }
.mobileDefaultImageContainer ul { margin:0em; padding:0em; margin-left:auto; margin-right:auto;}
.mobileDefaultImageContainer li { list-style-position:inside; list-style-type:none; margin-top: 10px;  }
.mobileDefaultImageContainer img { margin-bottom:1em; margin-top:1.5em; display:block; margin-left:auto; margin-right:auto;}
.mobileDefaultImageContainer a { color:blue; padding: 7px 93px;}

.mobileCopyRights{
width:90%;
font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-left:auto;
  margin-right:auto

}

@media only screen and (min-aspect-ratio: 13/9) {
 	 .mobileCopyRights, .mobileDefaultImageContainer {
	    transform: rotate(-90deg);
	    transform-origin: left top;
	    width: 100vh;
	    overflow-x: hidden;
	    position: absolute;
	    top: 100%;
	    left: 0;
	  }
}

.copyRightsFileContent{
margin-top: 20px;
width: 300px;
  height: 400px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  color: #474747;
}

.mobileCopyRights .pull-right{
margin-bottom: 20px;
}

.mobileCopyRights .btn{
width: 145px;
height: 35px;
}

.mobileCopyRights .a{
font-size: 14px;
}

.mobileCopyRights h3{

  margin-top: 20px;
  height: 18px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.69;
  letter-spacing: normal;
  text-align: left;
  color: #474747;}

.infobox,.infobox-rtl {height: 17em; overflow:auto;}
.infoLightboxColumn { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;border: 1px solid #ccc; float: left; margin: 1%; height: 20em; padding: 2%; width: 93%;padding-bottom: 0; padding-top: 0}
.infoLightboxColumn h2 {font-size: 100%; padding: 0.5em 0 0.5em ; color:#333; margin: 0 auto}

.trimmed {
	-o-text-overflow: ellipsis;   /* Opera */
	text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
	overflow:hidden;              /* don't show excess chars */
	white-space:nowrap;           /* force single line */
	width: auto;                 /* fixed width */
}

#metadataContent.infobox ul li {
    font-size: 14px;
    line-height: 1.6em;
    list-style: outside none none;
    padding-left: 5px;
}

#metadataContent.infobox ul li span:nth-child(1) {
    display: inline-block;
    font-weight: 600;
    padding-right: 5px;
}

.loginButton { bottom: -18px; height: 36px; position: relative; right: -77px; padding-bottom: 20px; }
.loginButton .loginText { background-color: #0E7BBA; color: rgb(255, 255, 255); cursor: pointer; font-family: "Calibri"; font-size: 18px; line-height: 1;
						 border: 1px none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/*override jquery button configuration */
.ui-controlgroup {margin-right: 11px;}

.ui-controlgroup .ui-button { margin-right: -0.3em; background-color: #e7e7e7;}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    width: 24px;
    height: 17px;
    border-style:none;
}

.ui-controlgroup .ui-button-text { line-height: 0.9; font-size: inherit !important;}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked.ui-visual-focus {
    background: #ffffff;
    border: 1px solid #aaa;
    box-shadow: none;
}

.ui-controlgroup-item .ui-icon {
    margin-left: -7px !important;
    margin-right: -7px !important;
    margin-top: -3px !important;
    margin-bottom: -3px !important;}

.ui-controlgroup-item:hover {
    border: 1px solid grey;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked {
    border: 1px solid #aaa;
    background: #fff 50% 50% repeat-x;
}
.ui-controlgroup-item .ui-icon .ui-state-default{
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555;
}

.unauthorized { font-size:30px; line-height: 2;}

.center-div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}