/*LAYOUT*/
#topleft {width:282px; vertical-align:top;}
#topright {width:623px; vertical-align:top;}
#bottomleft{width:282px;vertical-align:top;}
#bottomright{width:623px;vertical-align:bottom;}

/*SIGNIN FORM*/
.signin {margin-top:5px; width: 282px; min-height:380px; float:right; padding-right:20px; margin-bottom:5px; margin-right:0px; height:auto; }
.signin .top {margin: 0px; font-weight:bold; color: #fff; height: 25px;	background: url(../images/medium-window-top.png) no-repeat;}
.signin .top .innertube {float:left; margin-top: 4px; margin-left:15px;}
.signin .middle {font-size:90%;	line-height: 145%; margin: 0px; padding: 1px 10px 1px 10px; background: url(../images/medium-window-middle.png) repeat-y;}
/*.signin .middle {min-height:380px; height: auto !important; height: 380px;} */
.signin .bottom {height:13px; background: url(../images/medium-window-bottom2.png) no-repeat;}
#resumeinfo { margin-top:60px; text-align:center;}
.signinhiright {margin-top:5px;width: 282px; min-height:380px; float:right; padding-right:20px; margin-bottom:5px; margin-right:0px; height:auto;}
.signinhiright .top {margin: 0px; font-weight:bold; color: #fff; height: 25px;	background: url(../images/medium-window-top-right.png) no-repeat;}
.signinhiright .top .innertube {float:left; margin-top: 4px; padding-left:15px;}
.signinhiright .middle {font-size:90%;	line-height: 145%; margin: 0px; padding: 1px 10px 1px 10px; background: url(../images/medium-window-middle.png) repeat-y;}
.signinhiright .middle {min-height:215px; height: auto !important; height: 215px;}
.signinhiright .bottom {height:13px; background: url(../images/medium-window-bottom.png) no-repeat;}
.signinhiright .top .innertube ul {list-style: none;margin-left:10px;}
.signinhiright .top .innertube ul li{display: inline; margin-left: 0px;}
.signinhiright .top .innertube ul li.right{display: inline;	margin-left: 27px;}
.signinhiright .top .innertube ul li a {color:#FFFFFF;}
.signinhiright .top .innertube ul li.right a {color:#FFFFFF;}
.signinhileft {margin-top:5px;width: 282px; min-height:380px; float:right; padding-right:20px; margin-bottom:5px; margin-right:0px; height:auto;}
.signinhileft .top {margin: 0px; font-weight:bold; color: #fff; height: 25px;	background: url(../images/medium-window-top-left.png) no-repeat;}
.signinhileft .top .innertube {float:left; margin-top: 4px; padding-left:15px;}
.signinhileft .middle {font-size:90%;	line-height: 145%; margin: 0px; padding: 1px 10px 1px 10px; background: url(../images/medium-window-middle.png) repeat-y;}
.signinhileft .middle {min-height:215px; height: auto !important; height: 215px;}
.signinhileft .bottom {height:13px; background: url(../images/medium-window-bottom.png) no-repeat;}
.signinhileft .top .innertube ul {list-style: none; margin-left:10px;}
.signinhileft .top .innertube ul li{display: inline; margin-left: 0px;}
.signinhileft .top .innertube ul li.right{display: inline;	margin-left: 27px;}
.signinhileft .top .innertube ul li a {color:#FFFFFF;}
.signinhileft .top .innertube ul li.right a {color:#FFFFFF;}
#signinform {margin-left: 5px;}
#signinform .helpicon {margin-left:8px;}
#signinform .formfield {margin-top:7px; margin-bottom:7px;}
#signinform #butSignIn{margin:10px 0px 10px 0px;}
#signinform #butContinue{margin:10px 0px 10px 0px;}
#signinform #cbxPublicPlace{margin:0;}

* html .signin, * html .signinhiright, * html .signinhileft {height:380px;}

div.errordiv {background:#ffe6aa; border-bottom:solid 2px #fcb815; margin:0px 4px; padding:2px 20px; text-align:center;}

/*HOMEPAGE QUICKLINKS*/

.quicklinkshome {margin-top:5px; margin-bottom:5px; width: 282px;}
.quicklinkshome .top {margin: 0px;color: #FFF; font-weight:bold; height: 25px;background: url(../images/medium-window-top.png) no-repeat;}
.quicklinkshome .top .innertube {float:left; margin-top: 4px; margin-left:15px;}
.quicklinkshome .middle {margin: 0px; padding: 1px 10px 1px 10px; background: url(../images/medium-window-middle.png) repeat-y;}
.quicklinkshome .middle {min-height:120px; height: auto !important; height: 120px;}
.quicklinkshome .bottom {height: 13px;	background: url(../images/medium-window-bottom.png) no-repeat;}
.quicklinkshome a {text-decoration:none;}
.quicklinkshome a:hover { text-decoration:underline}
.quicklinkshome a:visited {color: #1c2674;}
.quicklinkshome ul {list-style-image: url(../images/bullet.gif); margin-top: 10px;	margin-left: 40px;	margin-bottom: 0px;	padding: 0;}
.quicklinkshome ul li {margin: 0px 0 5px 2px;}


/*HOMEPAGE NEWS*/

.newswindow {width: 623px; margin-left:5px; margin-top:5px; margin-bottom:-2px;}
.newswindow .top {margin: 0px; color: #FFF; font-weight:bold; /*padding: 6px 15px 1px 15px;*/ height: 25px;	background: url(../images/large-window-top.png) no-repeat;}
.newswindow .top a, .newswindow .top a:visited {color: #FFF; text-decoration:none;}
.newswindow .top a:hover {text-decoration:underline;}
.newswindow .top .innertube {float:left; margin-top: 4px; margin-left:15px;}
.newswindow .middle {font-size:inherit; font-size:90%; margin: 0px; padding: 1px 10px 1px 10px; background: url(../images/large-window-middle.png) repeat-y;}
.newswindow .middle {min-height:119px; height: auto !important; height: 119px;}
.newswindow .bottom {background: url(../images/large-window-bottom.png) no-repeat;}

/*SPECIAL FONTS*/
#cookieWarning{font-weight:bold;color: #b74343;}

/*HOMEPAGE FLASH*/
.flashwindow {margin: 4px 0px 0px 5px; width: 623px; }	
.flashwindow .top {margin: 0px; height: 11px; background: url(../images/flash-window-top.png) no-repeat; font-size:1px; line-height:0;}
.flashwindow .middle {margin: 0px; background: url(../images/flash-window-middle.png) repeat-y}
.flashwindow .middle {min-height:234px; height: auto !important; height: 234px;}
.flashwindow .bottom {height:11px; background: url(../images/flash-window-bottom.png) no-repeat;}

#flashDiv
{margin:0;padding:0; width:619px; float:right; margin-right:2px;}

#flashDiv
{margin:0;padding:0; width:619px; float:right; margin-right:2px;}

.demowindow { margin-top:5px; margin-bottom:2px; width: 911px; }	
.demowindow .top {margin: 0px; height: 11px; background: url(../images/xl-window-top.png) no-repeat; font-size:1px; line-height:0;}
.demowindow .middle {margin: 0px; background: url(../images/xl-window-middle.png) repeat-y}
.demowindow .middle {min-height:125px; height: auto !important; height: 125px;}
.demowindow .bottom {height:11px; background: url(../images/xl-window-bottom.png) no-repeat;}

.tooltiphost
{
position:relative;
top:-31px;
left:-210px;
}
.tooltip
{   height: 41px;
    width:207px;
    float:left;
    position:absolute;
    background: url(../images/tooltip.gif) no-repeat;
    display:none;
}

.intro {width:620px; float:left; /*border:1px solid #CCCCCC;*/}
.introcontent {margin-left:270px; margin-top:30px; padding:0px 0px 0px 15px;}
.column {width:308px; float:left;}
.column h2 {color:#1c2674; font-size:18px; margin:20px 0px 0px 25px; font-weight:normal;}
.column h2 a{color:#1c2674;}
.column h3 {color: #465Ca8; margin:12px 0px 0px 25px; font-weight:normal; line-height:16px;}
.column h3 a {color: #465Ca8;}
.column h4 {margin:12px 0px 0px 25px; color:#000; font-size:120%;}
.column h4 a {color:#313131;}
.column .feedicon {float:right; margin-right:35px; margin-top:20px;border:none;}
.column p {margin:12px 10px 0px 25px; color:#505050; line-height:18px;}
.column .newsdate{font-size:80%; margin-left:25px; margin-top:6px; color:#000;}
/*.column div.cases {background: url('../images/cases-icon.jpg') no-repeat 2px 2px; padding-left:40px; margin-left:25px; height:58px; padding-top:0px;}
.column div.leg {background: url('../images/legislation-icon.jpg') no-repeat 2px 2px; padding-left:40px; margin-left:25px; height:58px;} */
/*.column div.cases p, .column div.leg p {margin-top:3px}*/
.column div.legalnews {margin:0px; padding-left:25px; margin-top:15px;} 
.column .legalnews img {float:left; margin-right:10px; position:relative; top:2px; border:none;}
.column .legalnews h3 {margin-top:0px;}
.column div.legalnews p {margin-top:3px}
/*.column div.cases img{float:left;}*/

.column .newssummary{margin-left:25px; margin-top:6px;}
.column .newslink{margin-top:6px; margin-left:25px;}
.column .demograb{margin-left:25px; width:262px; height:143px; margin-top:10px; border:none;}
ul.related {list-style-image:none; margin-left:25px; margin-top:15px; }
ul.related li {display:inline;}
ul.related li div {background: url('../images/ul-related.png') no-repeat 0px 2px;  padding-left:20px; margin-right:10px; width:105px; float:left;}
.column .abstract{font-size:90%;}


.vdivider {width:1px; height:482px; float:left; background:url(../images/home-column-divider.png) repeat-x;}
.hdivider {width:304px; height:1px; line-height:1px; background:url(../images/home-column-divider-h.png) repeat-y; margin-top:18px; margin-left:5px;}
.column .eufeed{line-height:18px;}
.column .eufeedsummary {margin:3px 0px 0px 0px;}
.column .eufeedreference {margin:0px; font-style:italic; color:#313131;}
.column .eufeeditem{margin:8px 5px 8px 24px; padding-left:30px; background:url(../images/icon-flag-eu.png) 0px 2px no-repeat; font-size:90%; }

.column .datainfo{margin-left:25px;margin-top:15px; font-weight:bold;}
.datainfo .number {color:#008A52;}
.datainfo .type {color:#313131;}
.datainfo table td{border:solid 1px #cccccc; padding:5px}
.datainfo table {border-collapse:collapse; border:solid 2px #CCCCCC;}

/* #tophalf {background:#FFFFFF url(../images/super-big-ben.png) no-repeat; margin:0px 4px; padding:5px 16px; height:380px; min-height:380px}
#bottomhalf {margin:0px; padding:0px 0px;} */

.intropanel {float:left; width:280px; margin-right:15px;}
.intropanel h3{color:#313131;}
.introcontent h2{color:#1c2674; font-size:200%; margin-top:15px; font-weight:bold;}           
ul.introfeatures {font-size:120%; margin-top:20px;}
ul.introfeatures li div {background: url('../images/ul-features.gif') no-repeat 0px 2px;  padding-left:20px; margin-right:10px; width:300px; margin-bottom:20px}

/*.introframe { background:#FFFFFF url(../images/super-big-ben.png) no-repeat; min-height:375px; height:375px; margin:0px 0px 0px 4px; padding:15px 0px 0px 0px;}*/

.introframe { min-height:375px; height:375px; margin:0px 0px 0px 4px; padding:15px 0px 0px 0px; width:630px;}
.introframe p {margin:15px 0px; line-height:1.5em;}
.var1{background:#FFFFFF url(../images/intro-mannequin.jpg) no-repeat; }
.var2{background:#FFFFFF url(../images/intro-waterfall.jpg) no-repeat; }
.introoptions {margin-top:20px}
.introoptions li{padding-left:23px; background:url(../images/arrow-yellow-big.jpg) no-repeat 0px 2px; margin:10px 0px}
.var2 .introoptions li{float:left;}
.var2 .introoptions{margin-top:-8px}