/**********************************************************\
*	Description: Sjöfartsverket [ SFV ]
*	URI: 
*	Version: 1.0
*	Author: Niklas Hultgren (niklas.hultgren@logica.com)
*	Author URI: http://www.logica.com
*	Date: 2008-11-24
*	Copyright: (C) 2008 Logica
**********************************************************/

/* Global
================================================= */
body{
	font: 72%/1.4 Verdana,Arial,Helvetica,sans-serif;
	background-color: #e6e6e6;
	color:#000;
	margin:0;
	padding-top:20px;
}
/* ==[END]====================================== */


/* Main Layout
================================================ */
#Wrapper
{
	margin:0 auto;
	width:87.4em;
	max-width:98%;
	min-width:1008px;
	position:relative;
}

#SiteHolder {
	background-image:url(images/structure/shadow_right_8x1.gif);
	background-position:top right;
	background-repeat:repeat-y;
	background-color:#fff;
}

#SiteArea{
	background-image:url(images/structure/shadow_top_right_8x10.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

#SiteContent{
	margin-right:8px;
}
/* ==[END]====================================== */


/* SiteHeadHolder
================================================ */
#SiteHead{
	background-color:#295aa6;
}
#SiteHead .fyren{
	font-size:1px; /*IE6 fix*/
}
#SiteHeadTopEdge{
	font-size:1px; /*IE6 fix*/
}
#SiteHeadTopEdge .leftEdge{
	float:left;
	width:4px;
	height:4px;
	background-image:url(images/structure/topleft_corner_4x4.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#SiteHeadTopEdge .rightEdge{
	float:right;
	width:4px;
	height:4px;
	background-image:url(images/structure/topright_corner_4x4.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
#SiteHeadArea{
	margin:0 16px 0 16px;
	padding-bottom:10px;
}
#SiteHeadArea .logo{
	float:left;
	width:12.4%;
	font-size:1px;
}
#SiteHeadArea .tools{
	margin-top:9px;
	float:right;
	color:#ffe;
	width:60%;	
	font-size:.9em;
}
#SiteHeadArea .tools ul{
	list-style-type:none;
	margin:0;
	padding:0;
	float:right;
}
#SiteHeadArea .tools ul li{
	display:inline;
}
#SiteHeadArea .tools ul li.base{
	float:left;
	padding-right:1em;
}
#SiteHeadArea .tools ul li.base a, a:visited, a:active, a:hover{
	color:#fff;
	text-decoration:none;
}
#SiteHeadArea .tools ul li.image{
	float:left;
	padding:0 .2em 0 0;
}
/* ==[END]====================================== */

/* TopMenu
================================================ */
#TopMenu{
	font-size:.96em;
	width:100%;
}

/* master */
#TopMenu .master{
	width:100%; /*a IE6 must have */
	background-color:#cde5f8;
}
#TopMenu .master ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#TopMenu .master ul li{
	display:inline;
}
#TopMenu .master ul li.base{
	display:block;
	float:left;
	padding:.52em 1em .55em 1em;
	border-right:solid 1px #accae5;
}
#TopMenu .master ul li.selected{
	display:block;
	float:left;
	background-color:#e9f2f9;
	padding:.52em 1em .55em 1em;
	border-right:solid 1px #accae5;
}
#TopMenu .master ul li a{
	text-decoration:none;
	color:#295aa5;
}
#TopMenu .master ul li a:hover{
	text-decoration:none;
}
#TopMenu .master ul li.selected a{
	text-decoration:none;
	color:#295aa5;
}
#TopMenu .master ul li.selected a:hover{
	text-decoration:none;
}

/* slave */
#TopMenu .slave{
	width:100%; /*a IE6 must have */
/*	background-color:#e9f2f9;*/
}
#TopMenu .slave ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#TopMenu .slave ul li{
	display:inline;	
}
#TopMenu .slave ul li.base{
	display:block;
	float:left;
	padding:.52em .4em .55em .4em;
}
#TopMenu .slave ul li.selected{
	display:block;
	float:left;
	font-weight:bold;
	padding:.52em .4em .55em .4em;
}
#TopMenu .slave ul li.separator{
	display:block;
	float:left;
	color:#accae5;
	padding:.52em 0 .55em 0;
}
#TopMenu .slave ul li a{
	text-decoration:none;
	color:#295aa5;
}
#TopMenu .slave ul li a:hover{
	text-decoration:none;
}
#TopMenu .slave ul li.selected a{
	text-decoration:none;
	color:#295aa5;
}
#TopMenu .slave ul li.selected a:hover{
	text-decoration:none;
}
.MenuEmptyLine{ height:8px; font-size:1px; }
/* ==[END]====================================== */


/* SiteFooter
================================================ */
#SiteFooter{ margin:40px 10px 4px 10px;  border-top:dotted 1px #ddd; }
#SiteFooter .wrapper{ color:#888; padding:10px; font-size:.8em; text-align:center; }
#SiteFooter .wrapper a{ text-decoration:none; color:#295aa6; }
#SiteFooter .wrapper a:hover{ text-decoration:underline; color:#295aa6; }
/* ==[END]====================================== */

/* SiteFooter
================================================ */
/*
#SiteFooter{
	margin:4px 10px 4px 10px;
}
#SiteFooter .innerLeft{
	background-image:url(images/structure/leftborder.gif);
	background-position:top left;
	background-repeat:repeat-y;
}
#SiteFooter .innerLeft .innerright{
	background-image:url(images/structure/rightborder.gif);
	background-position:top right;
	background-repeat:repeat-y;
}
#SiteFooter .innerLeft .innerright .content{
	color:#888;
	padding:10px;
	font-size:.8em;
	text-align:center;
}
#SiteFooter .innerLeft .innerright .content a{
	text-decoration:none;
	color:#295aa6;
}
#SiteFooter .innerLeft .innerright .content a:hover{
	text-decoration:underline;
	color:#295aa6;
}
#SiteFooter .head{
	font-size:1px;
	height:3px;
	background-image:url(images/structure/topfill.gif);
	background-position:top left;
	background-repeat:repeat-x;
}
#SiteFooter .head .left{
	float:left;
	width:3px;
	height:3px;
	background-image:url(images/structure/topleft.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#SiteFooter .head .right{
	float:right;
	width:3px;
	height:3px;
	background-image:url(images/structure/topright.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#SiteFooter .bottom{
	font-size:1px;
	height:3px;
	background-image:url(images/structure/bottomfill.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}
#SiteFooter .bottom .left{
	float:left;
	width:3px;
	height:3px;
	background-image:url(images/structure/bottomleft.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#SiteFooter .bottom .right{
	float:right;
	width:3px;
	height:3px;
	background-image:url(images/structure/bottomright.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#SiteFooter .topCornerleft{
	float:left;
	width:4px;
	height:4px;
	background-image:url(images/structure/top_left_corner_bg_fff_4x4.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#SiteFooter .topCornerright{
	float:right;
	width:4px;
	height:4px;
	background-image:url(images/structure/top_right_corner_bg_fff_4x4.gif);
	background-position:top right;
	background-repeat:no-repeat;
}*/
/* ==[END]====================================== */



/* SiteEnd
================================================ */
#SiteEnd{
	font-size:1px;/*IE6 fix*/
	height:14px;
	background-image:url(images/structure/shadow_bottom_1x14.gif);
	background-position:left;
	background-repeat:repeat-x;
}
#SiteEnd .left{
	float:left;
	width:13px;
	height:14px;
	background-image:url(images/structure/shadow_bottom_left_13x14.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#SiteEnd .right{
	float:right;
	width:13px;
	height:14px;
	background-image:url(images/structure/shadow_bottom_right_13x14.gif);
	background-position:right;
	background-repeat:no-repeat;
}
/* ==[END]====================================== */



/* QuickSearch
======================================= */
#QuickSearchHolder{
	float:right;
	padding:.35em 1em 0 0;
}
#QuickSearchHolder .hide {
	display:none;
}
.quicksearchinput{
	width:6em;
	height:1.2em;
	font-size:1em;
	border:solid 1px #7f9db9;
}
.quicksearchbutton{
	width:auto;
	padding:0 .2em 0 .2em;	
	height:1.6em;
	background-color:#f6cb6b;
	border-left:solid 1px #fff;
	border-top:solid 1px #fff;
	border-right:solid 1px #cfa53f;
	border-bottom:solid 1px #cfa53f;
	font-family:Arial;
	letter-spacing:1px;
	font-size:.95em;
	font-weight:normal;
	color:#295aa5;	
}
/* ==[END]====================================== */


/* ContentHolder
======================================== */
#ContentHolder{
	margin:0 10px 0 10px;	
	/*tmp*/
	min-height: 45em; height: auto !important; height:45em;
}

#ContentArea {
	padding-top:1em;
}
/* ==[END]====================================== */


/* StartPageHolder
======================================== */
#StartPageHolder{
	padding-top:2em;
}
/* ==[END]====================================== */


/* StartPageNewsListingHolder
======================================== */
#StartPageNewsListingHolder{
	font-size:.95em;
}
#StartPageNewsListingHolder .footer {
	padding-top:1em;
}
#StartPageNewsListingHolder .footer img{
	float:left;
	padding-top:.2em;
	padding-right:.4em;
}
#StartPageNewsListingHolder .footer .inner{
	float:left;
}
#StartPageNewsListingHolder .archive {
	padding-top:1em;
}
#StartPageNewsListingHolder a, a:hover{
	color:#fc5f28;
	text-decoration:none;
}
#StartPageNewsListingHolder .newsListingItem{
	padding:.5em 0 .5em 0;
}
#StartPageNewsListingHolder .newsListingItem span{
	color:#606060;
}
/* TA 20090916 */
#StartPageNewsListingHolder .newsListingItem a{
	color:#fc5f28;
	text-decoration:none;	
}
/* TA 20090916 */
#StartPageNewsListingHolder .newsListingItem a:hover{
	color:#fc5f28;
	text-decoration:none;	
}
/* TA 20090916 */
#StartPageNewsListingHolder .archive a{
	color:#fc5f28;
	text-decoration:none;
}
/* TA 20090916 */
#StartPageNewsListingHolder .archive a:hover{
	color:#fc5f28;
	text-decoration:none;
}
/* ==[END]====================================== */


/* NewsListingHolder
======================================== */
#NewsListingHolder { background-color:#e9f2f9; }
#NewsListingHolder .head{
	padding-bottom:1em;
}
#NewsListingHolder img{
	border:0; padding:0; margin:0;
}
#NewsListingHolder .left{
	float:left;
}
#NewsListingHolder .right{
	float:right;
}
#NewsListingHolder .padding{
	padding-left:.4em;
	padding-top:.1em;
}

#NewsListingHolder .item{
	padding-bottom:1em;	
}
#NewsListingHolder .item .date{
	color:#606060;
	font-size:.95em;
}
#NewsListingHolder .item .main a{
	color:#fc5f28;
	text-decoration:none;
}
#NewsListingHolder .item .main a:hover{
	color:#fc5f28;
	text-decoration:none;
}


/* LeftContentHolder
======================================== */
#LeftContentHolder{
	width:19.3%;
	float:left;
}
#LeftContentArea{
	margin:0em .8em 0em 0em;
}

/* table | start */
#LeftContentArea table td img { padding:3px 6px 0 0; }

#LeftContentArea table
{
	font-size:.96em;
}

/* table | end */

/* left menu */
#LeftContentArea .menu{
	width:100%;
}

#LeftContentArea .menu .menuitem
{
	width: 100%;
	padding: .2em 0 .2em 0;
	float: left;
}

#LeftContentArea .menu .menuitem a.menulink
{
	font-family:Verdana, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	display: block;
	color: #242424;	
	font-size: 11px;
}

#LeftContentArea .menu .menuitem a.menulink:hover
{
	font-family:Verdana, Arial, sans-serif;	
	font-weight: normal;	
	text-decoration: none;
	display: block;
	color: #295AA6;	
	font-size: 11px;
}

#LeftContentArea .menu .menuitem a.menulinktop
{
		font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
	text-decoration: none;
	display: block;
	color: #242424;	
	font-size: 11px;
}

#LeftContentArea .menu .menuitem a.menulinktop:hover
{
	/*color: #336;*/
	font-family:Verdana, Arial, sans-serif;	
	font-weight: bold;	
	text-decoration: none;
	display: block;
	color: #295AA6;	
	font-size: 11px;
}

#LeftContentArea .menu .menuitem a.menulinkactive
{
	font-family:Verdana, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	display: block;
	/*color: #295AA6;*/
	color: #242424;
	font-weight:bold;
	font-size: 11px;
}

#LeftContentArea .menu .menuitem a.menulinkactive:hover
{
	font-family:Verdana, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	display: block;
	color: #242424;
	font-weight:bold;
	font-size: 11px;
}


#LeftContentArea .menu .selectedmenuitem
{
	width: 100%;
	padding: .2em 0 .2em 0;
	float: left;
}

#LeftContentArea .menu .selectedmenuitem a.menulink
{
	font-family:Verdana, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	display: block;
	color: #242424;	
	font-size: 11px;
}

#LeftContentArea .menu .selectedmenuitem a.menulink:hover
{
	font-family:Verdana, Arial, sans-serif;	
	font-weight: normal;	
	text-decoration: none;
	display: block;
	color: #295AA6;	
	font-size: 11px;
}

#LeftContentArea .menu .selectedmenuitem a.menulinktop
{
		font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
	text-decoration: none;
	display: block;
	color: #242424;	
	font-size: 11px;
}

#LeftContentArea .menu .selectedmenuitem a.menulinktop:hover
{
	/*color: #336;*/
	font-family:Verdana, Arial, sans-serif;	
	font-weight: bold;	
	text-decoration: none;
	display: block;
	color: #295AA6;	
	font-size: 11px;
}

#LeftContentArea .menu .selectedmenuitem a.menulinkactive
{
	font-family:Verdana, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	display: block;
	/*color: #295AA6;*/
	color: #242424;
	font-weight:bold;
	font-size: 11px;
}

#LeftContentArea .menu .selectedmenuitem a.menulinkactive:hover
{
	font-family:Verdana, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	display: block;
	color: #242424;
	font-weight:bold;
	font-size: 11px;
}

/* MainContentHolder
======================================== */
#MainContentHolder, #MainBodyArea{
	border-right:0.1em dotted #DDDDDD;
	border-left:0.1em dotted #DDDDDD;
	width:61.1%;
	float:left;
	
	/* de vill ha mindre text så jag sänker den med 1% (denna kommentar skall bort vid go live!)*/
	font-size:99%;
	
}

#MainContentArea, #MainBody{
	margin:0 .8em 0 .8em;
}
#MainContentArea p.intro, #MainBody p.intro {
    color:#000;
    font-weight:bold;
    margin-top:14px;
    margin-bottom:20px;
}

#MainContentArea span.intro, #MainBody span.intro {
	color:#000;
	font-size:1.34em;
	margin:.2em 0 1em 0;
	display:block;
}
#MainContentArea li, #MainBody li{
	padding-bottom:.4em;
}

#MainBodyArea .pageList ul, #MainBodyArea .documentList ul
{
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

#MainBody ul{
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

#MainContentArea ul
{
	padding:0 0 0 1em;
	margin:1em 0 1em 1em;
}


#MainBody ul a { }

/* ==[END]====================================== */

/* MainContentHolderWide [Two columns]
======================================== */
#MainContentHolderWide{
	border-left:solid 1px #b8b8b8;
	width:80.4%;
	float:left;
	min-height: 43em; height: auto !important; height:43em;
}
#MainContentAreaWide{
	margin:0 .8em 0 .8em;
}
#MainContentAreaWide p.intro {
    color:#000;
    font-weight:bold;
    margin-top:14px;
    margin-bottom:20px;
}
/* ==[END]====================================== */


/* MainContentIframeHolder [Two columns]
======================================== */
#MainContentIframeHolder{
	border-left:solid 1px #b8b8b8;
	width:73.9%;
	float:left;
	min-height: 37.2em; height: auto !important; height:37.2em;
}

/* MainAndRightContentHolder
======================================== */
#MainAndRightContentHolder{
	width:80.4%;
	float:left;
	min-height: 43em; height: auto !important; height:43em;
}
#MainAndRightContentHolder #Area{ /*margin:0 .8em 0 .8em;*/}
#MainAndRightContentHolder #Area p.intro {
    color:#000;
    font-weight:bold;
    margin-top:14px;
    margin-bottom:20px;
}
#MainAndRightContentHolder #Content{ margin:0 .8em 0 .8em; }
#MainAndRightContentHolder #Content p.intro {
    color:#000;
    font-weight:bold;
    margin-top:14px;
    margin-bottom:20px;
}

/* ==[END]====================================== */


/* RightContentHolder
======================================== */
#RightContentHolder{
	width:19.3%;
	float:left;
}
#RightContentArea, #SecondaryBody{
	padding:0 0 0 .7em;
	font-size:.95em;
}

#RightContentArea table   { margin-bottom:1.6em; }
#RightContentArea table td img { padding:3px 6px 0 0; }

/* ==[END]====================================== */


/* PageUpdatedHolder
======================================== */
#PageUpdatedHolder{
	padding:.5em 0 1em 0;
	font-size:.95em;
	color:#808080;
	width:100%;
}
#PageUpdatedHolder img{
	margin:0;
	padding:0;
	border:0;
}
#PageUpdatedHolder .left{
	float:left;
	padding-top:.2em;
}
#PageUpdatedHolder .right{
	float:right;
	font-size:1px;
}
/* ==[END]====================================== */


/* BreadCrumbsArea
======================================== */
#BreadCrumbsArea
{
	color:#808080;
	margin-left:19.2em;
	width:60%;
	font-size:.9em;
	padding:.5em 0 .5em 0;
}
#BreadCrumbsArea .crumbs {
	color:#808080;
}
#BreadCrumbsArea .crumbs a:link{
	color:#808080;
	text-decoration:none;
}
#BreadCrumbsArea .crumbs a:visited{
	color:#808080;
	text-decoration:none;
}
#BreadCrumbsArea .crumbs a:active{
	color:#808080;
	text-decoration:none;
}
#BreadCrumbsArea .crumbs a:hover{
	color:#808080;
	text-decoration:none;
}
/* ==[END]====================================== */

/* PageHead
======================================= */
#PageHead { }


#PageHead .page-head-left{
	float:left;
	width:auto;
}

#PageHead .page-head-left h1{ }

#PageHead .right-padding
{
	padding-right:1em;
}

#PageHead .page-head-padding
{
	padding:4.5em 0 0 0;
}

#PageHead .page-head-right
{
	float:right;
	width:auto;
}


#PageHead img{
	margin:0;
	padding:0;
	border:0;
	padding-bottom:1em;
}

/* ==[END]====================================== */

/* StandardListing
======================================= */
#StandardListing{
	background-color:#e9f2f9;
	padding:.6em;
}
#StandardListing .item{
	padding-bottom:.6em;
	padding-top:.6em;
}
#StandardListing .item a{
	color:#295aa6;
	font-weight:bold;
	text-decoration:none;
}
#StandardListing .item a:hover{
	color:#295aa6;
	font-weight:bold;
	text-decoration:none;
}
#StandardListing .item .intro{
	font-size:.95em;
}
#StandardListing .item .date{
	color:#606060;
	font-size:.95em;
}
#StandardListing .item .date .right{
	text-align:right;
}
#StandardListing h2{
	font-size:small;
	padding-bottom:1em;
	font-weight:bold;
}

#StandardListing ul{
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding:0;
}

#StandardListing li a { font-weight:bold; }	
#StandardListing span.dateTime{
	color:#606060;
	font-size:.95em;
}

/* ==[END]====================================== */





/* Left Second Navigation (Another design to the left navigation)
======================================= */
#LeftNavHolder {
	width:98%;
	padding-top:.1em;
}
/* ==[END]====================================== */

/* PDFHolder
======================================= */
#PDFHolder{ font-weight:bold; }
#PDFHolder .item a{
	text-decoration:none;
	color:#295aa6;
}
#PDFHolder .item a:hover{
	text-decoration:underline;
	color:#295aa6;
}
#PDFHolder .description{
	font-weight:normal;
}
#PDFHolder .detailed{
	font-weight:normal;
	font-size:.95em;
	color:#606060;
}
/* ==[END]====================================== */


/* SearchContainer
======================================== */
.SearchContainer
{
    background-color:#e9f2f9;
	padding:.6em;
	margin:0 0 1em 0;
}
/* ==[END]====================================== */



/* =Misc
======================================= */
.languageicon{background-color:green; float:left; width:auto;}
.languageicontext{background-color:green; float:left; width:auto; padding-bottom:5px;}
.site_anchor{ display:none; } /* Fix för att få anchors att funka för IE6 */
.imageRightPadding {padding-right:.4em;}
.leftBorder { border-left:solid 1px #b8b8b8; }
.listingDate { padding-top:1.5em; font-size:.95em; color:#606060;}

.LeftPadding{
    padding-left:2em;
}

.non-visual {
	display:none;
}
.error {
    color: Red;
}
.requiered {
    color:inherit;
}
td.imagetext p.imagetext {
    font-size:1em;
}
.imagetext {
    font-family:Verdana;
    font-size:.9em;
    color:#000;
}

.submitbutton{
	width:auto;
	padding:0 .2em 0 .2em;
	height:1.8em;
	background-color:#007bce;
	border:solid 1px #0071bd;
	font-size:.95em;
	font-weight:normal;
	color:#fff;
}

.searchInput{
	font-size:.95em;
}

.componentspace{
	font-size:1px;
	height:10px;
}



/* Tables
======================================= */
#MainContentArea table 
{

}

table.lkl{
       border-collapse: collapse;
       border: solid 0.1em #ffffff;
}

table.lkl th{
       background-color: #587e9a ;
       padding: 0.4em;
       color:#ffffff;
}

table.lkl td{
       border: solid 0.1em #ffffff;
       padding: 0.2em 0.4em;
}
th.lkl_uneven, td.lkl_uneven{
      background-color:#dce5ea;
}

table.changedPages{
	font-size:.92em;
	line-height:20px;
}

table.changedPages th{
	font-size:.90em;
}

table.changedPages tr{
	text-align:left;
}

table.changedPages td{
	padding-right:3em;
}

/* General
======================================= */
address {
	font-style:normal;
}
.clear{
	clear:both;
}
.message{	
	/*color:#666;*/
	font-size:1em;
	display:block;
	margin-top:10px;
}

.leftfloating{
	float: left;
}
.rightfloating{
	float: right;
}
.centered{
	text-align: center;
}
.rightaligned{
	text-align: right;
}
.leftaligned{
	text-align: left;
}

/********************************************************************
 * Clear fix after floats                                           *
 ********************************************************************/

.clearfix:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block; 
}



/* navwarn */
#WarnWrapper{
	width:552px;
	border-top:solid 2px #c6e7f7;
	border-bottom:solid 2px #c6e7f7;
	background-color:#c6e7f7;
}

#WarnInner{
	background-color:#e7f7ff;
	margin:0 2px 0 2px;
	padding:6px;
}

#WarnInner #head, #WarnInner #head p { margin:0; padding:0; }
#WarnInner #head h1{ text-transform:uppercase; padding:0; margin:0; }
#WarnInner #body { padding:16px 0 0 0; }
#WarnInner #body #error{ border:solid 1px #aeaeae; padding:10px; margin-bottom:20px; background-color:#ffd053; font-size:.9em; }
#WarnInner #body #error .heading { font-size:1em; font-weight:bold; color:#000; }
#WarnInner #body #LeftArea{
	float:left;
	width:382px;
	height:426px;
	margin-right:6px;
	border:solid 1px #aeaeae;
}

#WarnInner #body #LeftArea .item{ padding:4px; color:#333;}
#WarnInner #body #LeftArea .item input, select, textarea  { float:left; }
#WarnInner #body #LeftArea .item textarea.multi { width:260px; }
#WarnInner #body #LeftArea .item textarea.multiNotes { float:right; width:200px; }

#WarnInner #body #LeftArea .item select.listbox {
	float:left;
	font-size:9px;
	width:130px;
}

#WarnInner #body #LeftArea .item input {}
#WarnInner #body #LeftArea .item input.right { float:right; }

#WarnInner #body #LeftArea .item span { float:right; padding-top:2px; }
#WarnInner #body #LeftArea .item span.left { float:left; padding-top:2px; }


#WarnInner #body #RightArea{
	float:left;
	width:144px;
	height:426px;
	background-color:#fff;
	border:solid 1px #aeaeae;
}

#WarnInner #body #RightArea #inner{
	height:406px;
	padding:0 4px 0 4px;
	font-size:.95em;
}

#WarnInner #body #RightArea #inner h2 {
	color:#444;
	padding:4px 0 4px 0;
	margin:0;
	font-size:1.05em;
}
#WarnInner #body #RightArea #inner p{ padding:0 0 6px 0; margin:0; }
#WarnInner #body #RightArea #footer { text-align:center; height:20px;}


/****************************************************************************************************************************************
 * ALERT															                                                                    *
 ****************************************************************************************************************************************/
.alert-container { background:transparent url(images/structure/supp_topp_left.png) no-repeat top left; }
.alert-container .inner { display:block; background:transparent url(images/structure/supp_topp_right.png) no-repeat top right; }
.alert-container .alert-content { background:transparent url(images/structure/supp_bottom_left.png) no-repeat bottom left; }
.alert-container .alert-content .inner { padding:6px 1px; background:transparent url(images/structure/supp_bottom_right.png) no-repeat bottom right; }

.alert-container .alert-content h2 span {float:left; width:auto;  padding:.8em 1em;  }

.alert-container .alert-content .close {color:#c6cbce; float:right; width:auto; padding:.9em .8em 0 0; }

.alert-container .alert-content .close a:link, 
.alert-container .alert-content .close a:visited,
.alert-container .alert-content .close a:active,
.alert-container .alert-content .close a:focus
{
	color:#636563;
	font-weight:bold;
	text-decoration:none;
}

.alert-container .alert-content .close a:hover
{
	color:Red;
	font-weight:bold;
	text-decoration:none;
}

.alert-container .hover { cursor:pointer; }
.alert-container .image { overflow:hidden; }
.alert-container p {  font-size:.98em; color:#333; margin:0 1em 0 1em; padding:0 0 .6em 0;}
h2.alert { color:#636563;
           float:left;
           width:auto;
           font-size: 1.1em; 
           background:transparent url(images/structure/related_info.gif) no-repeat 2% 50%; margin:0 0 0 4px; padding:0 0 0 1.2em; 
           }


#AlertWrapper{}

#AlertWrapper .alert-container-2 { background-color:#fff4f4; border:solid 2px #b13a3a; }
#AlertWrapper .alert-container-2 .inner { display:block;  }
#AlertWrapper .alert-container-2 .alert-content {  }
#AlertWrapper .alert-container-2 .alert-content .inner { padding:6px 1px; }

#AlertWrapper .alert-container-2 .alert-content h2 span {float:left; width:auto;  padding:.8em 1em;  }

#AlertWrapper .alert-container-2 .alert-content .close {color:#c6cbce; float:right; width:auto; padding:.9em .8em 0 0; }

#AlertWrapper .alert-container-2 .alert-content .close a:link, 
#AlertWrapper .alert-container-2 .alert-content .close a:visited,
#AlertWrapper .alert-container-2 .alert-content .close a:active,
#AlertWrapper .alert-container-2 .alert-content .close a:focus
{
	color:#636563;
	font-weight:bold;
	text-decoration:none;
}

#AlertWrapper .alert-container-2 .alert-content .close a:hover
{
	color:Red;
	font-weight:bold;
	text-decoration:none;
}

#AlertWrapper .alert-container-2 .hover { cursor:pointer; }
#AlertWrapper .alert-container-2 .image { overflow:hidden; }
#AlertWrapper .alert-container-2 p {  font-size:.98em; color:#333; margin:0 1em 0 1em; padding:0 0 .6em 0;}
#AlertWrapper h2.alert { color:#636563;
           float:left;
           width:auto;
           font-size: 1.1em; 
           background:transparent url(images/gui/icon_error.png) no-repeat 2% 50%; margin:0 0 0 4px; padding:0 0 0 1.2em; 
           }



iframe.epidialogcoverframe 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 0;
    background-color: transparent;
    z-index: 10000;
    display: none;
}



/********************************************************************
 * EXTERN PRENUMERATION                                             *
 ********************************************************************/
 #SubScriptionWrapper{}
 
 
 
 /********************************************************************
 * FORM                                                              *
 ********************************************************************/ 
.form 
{ 
	/*border:1px solid #E1E1E1; margin:1em 0pt 1.5em; padding:1px; */
}
.form .inner-form 
{ 
	/*background:#F7FAFC none repeat scroll 0% 0%; padding:1em; */
}
.form .form-item{
	display:block;
	padding-top:4px;
}

.form .form-item table
{
	margin-top:4px;
}

.form .form-item table td label
{
	font-weight:normal;
	padding:0 0 0 4px;
	width:auto;
}

.form .form-item table td input
{
	border:0;
}


.form label 
{ 
	display:block; 
	float:left; 
	width:20%;
	font-weight:bold;
}

.form input, .form textarea 
{ 
	border:1px solid #86B6DE;
	float:left;
	width:auto;
	padding:2px;
	}
	
.form .form-item span.checkbox input{
	margin:0;
	padding:4px 0 0 0;
	border:0;
}
.form select { border:1px solid #86B6DE; 
               
             	float:left;
	width:auto;
	padding:2px;
                }


.form input:focus, 
.form textarea:focus, 
.form select:focus 
{ 
	border:solid 1px #86B6DE;
}

.form textarea { width:86%; border:1px solid #9c9a94; margin-right:20px; float:right; font-family:Verdana; font-size:12px; color:#666; margin-top:4px; }
.form select { width:auto; }
.form .form-button  {
	border:1px solid #86B6DE;
	background:#86B6DE none repeat scroll 0% 0%;
	color:#fff;
	width:auto;
	font-family:Verdana;
	font-size:11px;
}	
.form fieldset {
	border:1px solid #A7D6FD;
	display:block;
	margin:0.4em 0pt 0.8em;
	padding:6px 4px;
}
.form fieldset input  {
	border:0pt none;
	margin:0pt 0.2em 0.2em 0.6em;
	vertical-align:middle;
	width:auto;
}
.form fieldset label { display:inline; }



.form .inner-form .itemContainer{ width:auto; margin-right:1em; float:left; }
.form .inner-form .itemContainer .image { margin:0; padding:0; text-align:center; }
.form .inner-form .itemContainer .link{ text-align:center; width:auto; font-size:10px; }
.form .inner-form .itemContainer .link a:link, 
.form .inner-form .itemContainer .link a:active, 
.form .inner-form .itemContainer .link a:visited{
	color:#666;
	text-decoration:none;
}
.form .inner-form .itemContainer .link a:hover { color:#0061b5; text-decoration:none;}

.form .inner-form .upload
{
	margin-top:10px;
	padding-top:3px;
	border-top:solid 1px #E1E1E1;
}

.form .inner-form .upload fieldset {
	border:2px solid #A7D6FD;
	display:block;
	margin:0.4em 0pt 0.8em;
	padding:6px 4px;
	width:60%;	
}

.form .inner-form .upload fieldset .form-item { padding:10px 0 4px 0; }

.form .inner-form .upload fieldset .text
{
	width:26%;
	padding-top:14px;
}

.form .inner-form .upload fieldset .form-item input  {
	border:solid 1px #9c9a94;
	margin:0pt 0.2em 0.2em 0.6em;
	vertical-align:middle;
	width:auto;
	font-size:12px;
	color:#666;
}


.form .inner-form .upload fieldset .form-item .form-button  {
	border:1px solid #9c9a94;
	background:#fff none repeat scroll 0% 0%;
	color:#333;
	width:auto;
	font-family:Verdana;
	font-size:12px;
	color:#666;
}

.form .inner-form .upload fieldset label { display:inline; }

.form .inner-form .upload fieldset legend {
    padding: .2em .2em;
    font-size:90%;
    letter-spacing:1px;
}
.form .inner-form .upload fieldset legend img
{
    border:0;
    float:left;
    padding-right:.4em;
    margin-top:-2px;
}


.form .inner-form .error
{
	border:solid 2px #b13a3a;
	margin:1.4em 0 1.4em 0;
	background-color:#fff4f4;
	color:#3e3e3e;
	width:61.5%;
}

.form .inner-form .error input
{
	border:solid 2px #9c9a94;
	background:#dedede none repeat scroll 0% 0%;
	vertical-align:middle;
	width:auto;
	padding:0 .4em 0 .4em;
	margin-right:1em;
	font-size:12px;
	color:#333;
}

.form .inner-form .error h2
{
	font-weight:normal;
	padding-bottom:.4em;
}


.form .inner-form .error .inner
{
	padding:.5em;
}

.form .inner-form .error .inner h2
{
	font-size:.95em;
}

.form .inner-form .error .inner p
{
	font-size:.9em;
}

.form .inner-form .error .inner .item
{
	float:left;
	width:auto;
	padding:.5em;
	
}


#dialog
{
	border:solid 2px #ddd;
	padding:10px;
	margin:10px 0 10px 120px;
	width:50%;
}