html{
	width:100%;
	overflow-x:hidden;
}

body{
	width:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	font-size : 10pt;
	font-family : verdana;
	color : #003366;	
	overflow-x:hidden;
	scrollbar-base-color: #000084; 
	scrollbar-face-color: #6a9dbb; 
	scrollbar-track-color: #000084; 
	scrollbar-arrow-color: #330033;
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #CCCCCC; 
	scrollbar-shadow-color: #000084;
	scrollbar-darkshadow-color: #000000;
}
	
#mainContainer{
	width:974px;
	margin:0 auto;
	text-align:center;
	background-color:#dbdbdb;
}

h4{
	margin:0px;
}

p{
	margin-top:5px;
}

/* This is the box that is parent to the dragable items */
#dragableElementsParentBox{
	padding:16px;	/* Air */
	text-align:center;
}
	
.smallArticle,.bigArticle,.xlArticle{
	float:left;
	border:0px solid #000;
	background-color:#DDD;
	padding:2px;
	margin-right:10px;
	margin-bottom:5px;
}

.bigArticle{
	width:610px;
}

.xlArticle{
	width:925px;
}

.clear{
	clear:both;
}
	
#rectangle{
	float:left;
	border:1px dotted #F00;	/* Red border */
	background-color:#FFF;
}

#insertionMarker{	/* Don't change the rules for the insertionMarker */
	width:6px;
	position:absolute;
	display:none;
}

#insertionMarker img{	/* Don't change the rules for the insertionMarker */
	float:left;
}		

#dragDropMoveLayer{	/* Dragable layer - Not need if you're using 'rectangle' mode */
	position:absolute;
	display:none;
	border:1px solid #000;
	filter:alpha(opacity=50);	/* 50% opacity , i.e. transparency */
	opacity:0.5;	/* 50% opacity , i.e. transparency */
}

a:link 	{ 
	color: #003366; 
	text-decoration: none;
	size: 10px;
	}

a:visited {
	color: #003366; 
	text-decoration: none ;
	size: 10px;
	}

a:hover { 
	color: #bf2f2f; 
	text-decoration: none; 
	size: 10px;
	}

a:active {
	color: #003366; 
	text-decoration: none; 
	size: 10px;
	}

TD {
	font-size : 10pt;
	font-family : verdana;
	color : #003366;
	} 

TD.different {
	background-color: #E2FAFA;
	border-left: dashed 1px #669999;
	border-right: dashed 1px #669999;
	}
td.test { 
	border: 0px solid #000000; 
	color: #eeeeee;  
	padding: 1px; 
} 
td.test2 { 
	border: 0px solid #000000; 
	color: #ffffff; 
	background: #eeeeee; 
	padding: 1px; 
} 
tr.test { 
	border: 0px solid #000000; 
	color: #e8f4ff; 
	padding: 1px; 
} 
tr.test2 { 
	border: 0px solid #000000; 
	color: #ffffff; 
	background: #e8f4ff; 
	padding: 1px; 
} 

.fonttit { 
    font-family: verdana;
    color: #00548d;
    text-decoration: none;
    font-size: 12px
    }
	
.fonttitle { 
    font-family: verdana;
    color: #ffffff;
    text-decoration: none;
	font-weight: bold;
    font-size: 10pt;
    }

.fontbar { 
    font-family: verdana;
    color: #00548d;
    text-decoration: none;
	font-weight:bold;
    font-size: 12pt;
    }
    
.actbutsm
{
	display: inline-block;
	width: 250px;
	white-space: nowrap;
	color: #ffffff;
	height: 22px;
	margin: 5px 5px 0 0;
	padding: 0 10px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	line-height: 22px;
	cursor: pointer;
	border: 0;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align: top;
	background-color: #0D2B88;
	
}

.actbutbsm
{
	display: inline-block;
	width: 250px;
	white-space: nowrap;
	color: #ffffff;
	height: 22px;
	margin: 5px 5px 0 0;
	padding: 0 10px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	line-height: 22px;
	cursor: pointer;
	border: 0;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align: top;
	background-color: #aaaaaa;
	
}

.boxsurr
{
	padding:5px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
	
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
	background: -moz-linear-gradient(top,  #eee,  #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
}

.boxbartop
{
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
	background: -moz-linear-gradient(top,  #eee,  #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
}