body {
	margin: 0px; 
	width:100%;
	padding: 0px;
	background: url(../Images/Main/Background.gif) no-repeat fixed center top; 
	background-color: #333333;
	font-size: 9px;
	border: 0px;
	font-family: Arial, Helvetica, Trebuchet MS,  sans-serif;
	font-size: 12px;
	text-align:left;
}

#containeur {
	width: 100%;
	margin: auto; 
	background-color: Transparent;
}

#header 
{
	width: 100%;
	height: 66px;
	background: url(../images/main/predictweatherlogo.png) no-repeat 2% 10px ; 
	text-align:right;
	font-family:Arial, Helvetica, Trebuchet MS; 
	font-style:italic; 
}

#content-containeur {
	width: 100%; 
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: dashed 1px #e0e0e0;
	padding: 0 10px 10px 10px;
}

#content-containeur-left {
	width: 730px; 
	float:left;
	padding: 10px 0px 0px 0px; 
	
}

#content-containeur-right {
	width: 170px; 
	float:right;
	padding: 10px 10px 0px 0px;
}

#blank {

}

#horizontal-add{
	width: 100%;
}

#horizontal-add img {
	width: 728px;
	margin: 0px 0px 15px 0px; background-color: Transparent;
}

#vertical-add img {
	width: 160px;
	margin: 0px 0px 15px 0px;
}

#searchbox-add img {
	width: 140px;
	height: 100px;
	margin: 0px 0px 10px 0px; 
	float:right; 
}

#searchbox {
	width: 100%;
	height: 100px;
	background: #ededed url(../images/main/Search-Box.png) no-repeat  top left; 
	float: left;
	border: 1px solid #acacac; 
	margin: 0px 0px 10px 0px;
	padding:0;
}

#searchbox_Country {
	width: 150px;
	height: 45px;
	margin: 35px 0 0 10px;
	float: left;
	padding: 0 0 0 0;
	display: inline; /* IE6 Double margin bug fix DO NOT REMOVE*/
}

#searchbox_City {
	width: 150px;
	height: 45px;
	margin: 35px 0px 0px 10px;
	float: left;
	padding:0 0 0 0 ;
}

#searchbox_Date {
	width: 200px;
	height: 45px;
	margin: 35px 0px 0px 10px;
	float: left;
	padding:0;
}

#searchbox_go {
	width: 70px;
	height: 41px;
	margin: 35px 0px 0px 10px;
	float: left;
	/*border: 1px solid #acacac;*/
}

#ariane {
	width: 100%;
	margin: 0px 0px 5px 0px; 
	color: #d79c00;
	font-size:11px;
	/*border: 1px solid #acacac;*/
}

#mainbox {
	width: 100%;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	float: left; 
	background-color:White;
	height:100%;
}

#mainbox_title-1 {
	width: 100%;
	height: 37px; 
	color:White; 
	background-color: #5375a3;
	text-transform:uppercase;
	font-weight:bold; 
	font-family:Arial;
	font-size:13px;
}


/* ~~~~~~~~~~~~~ mainbox_title-1 CODE (START) ~~~~~~~~~~~ */

#mainbox_title-1-code {
	margin: 0px;
	padding: 0px;
}

#mainbox_title-1-code li {
	float:left;
	height:37px;
	line-height:37px;
	list-style-type:none;
}

#mainbox_title-1-code a{
	padding: 0 16px 0 16px;
	display:block;
	color:White;
	text-decoration: none ;
}

#mainbox_title-1-code a:hover
{
	background-color:#95bcd9; 
	font-family:Arial;
	color:White;
}

#mainbox_title-1-code ul 
{
	list-style: none;     
	padding:0;     
	margin:0; 
} 

.selected
{
	width:120px; 
	padding:0 0 0 0;
	display:block; 
	background-color: #95bcd9;
	font-weight:bold; 
	color:White
} 

/* ~~~~~~~~~~ mainbox_title-1 CODE (END) ~~~~~~~~~~ */


#mainbox_title-2{
	height: 30px;
	background: #ededed url(../images/main/secondbar-out.png) repeat-x  bottom;
	font-weight:bold;
	font-size:11px;
	border:1px solid #acacac;
	border-bottom: none;
	border-top: none;
}


/* ~~~~~~~~~~~~~ mainbox_title-2 CODE (START) ~~~~~~~~~~~ */

#divCat-code ul , #divPromo-code ul, #divBus-code ul, #divAbout-code ul, #divProfile-code ul
{
	list-style: none;     
	padding:0;     
	margin:0;
} 

#divCat-code, #divPromo-code, #divBus-code, #divAbout-code, #divProfile-code{
	margin: 0px;
	padding: 0px;
}

#divCat-code li, #divPromo-code li, #divBus-code li, #divAbout-code li, #divProfile-code li {
	float:left;
	height:30px;
	line-height:30px;
	list-style-type:none;
}

#divCat-code a, #divPromo-code a, #divBus-code a, #divAbout-code a, #divProfile-code a{
	padding:0 16px 0 16px;
	display:block;
	color:#FFFFFF;
	text-decoration: none ;
}

.CatSelected
{
	padding:0 0 0 0;
	display:block;
	background: url(../images/main/secondbar-over.jpg) repeat-x top;
	font-weight:bold; 
	color:Black
}

#divCat-code a:hover, #divPromo-code a:hover, #divBus-code a:hover, #divAbout-code a:hover, #divProfile-code a:hover{
	background: url(../images/main/secondbar-over.jpg) repeat-x top;
	color:#000000;
}
	
/* ~~~~~~~~~~ mainbox_title-2 CODE (END) ~~~~~~~~~~ */


#Categories  {
	text-align:left; 
	font-size:8pt; 
	float:left; 
	width:19%; background-color:White; 
	padding-top:20px;
}

#box_content  {
	background-color: White;
	float:left; 
	width:80%; 
	padding:0px 0px 0px 2px;  
	border-width:0px;
	margin-top: 0px;
}
#shop_content  {
	background-color: White;
	float:left; 
	min-height:450px;
	width:100%; 
	padding:0 0 0 0; margin:0 0 0 0;  
	border-width:0px;
}

/* ~~~~~~~~~~~~~~~~~~~ members page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#members_title-1-code {
	width: 92%;
	height: 25px;
	background: #ededed  repeat-x  top;
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
}

#members_title-1-code a{
	padding:0 16px 0 16px;
	display:block;
	color:#d10068;
	text-decoration: none ;
}

#members_title-1-code a:hover{
	background:  #ededed  repeat-x  top;
	color:#000000;
}

.MemberSelected
{
	padding:0 16px 0 16px;
	display:block;
	font-weight:bold; 
	color:Black
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.news {
	margin: 0px 10px 10px 0px;
	background: url(../images/main/separator.gif) repeat-y  left;
	width: 30%;
	/*width: 225px;*/
	float: left;
	padding-left: 7px;
	text-align:left;
}

.news img {
	width: 104px;
	height: 104px;
	margin: 0px 5px 0px 0px;
	float: left;
}

.news h3 {
	margin: 0px;
	font-size: 16px;
}

.news p {
	margin: 10px 0px 0px 0px;
	font-size: 11px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.box {
	width: 100%;
	background: #ededed;
	float:left;
	margin: 0px 0px 0px 0px; 
	text-align:left;
}

.box-pair-left {
	width: 48%;
	float:left; 
	text-align:left;
}

.box-pair-right {
	width: 48%;
	float:right;
	text-align:left;
}
.box_bottom_forecasts_header 
{
	background: #fff url(../images/main/forecasts-box.gif) no-repeat  top;
	width:730px;
	height: 25px;
	font-weight:bold; 
	font-size:11px; 
	padding-top:5px;
	padding-left: 0px;
	float:right;
	color:#000000; 
/*	border: solid 1px yellow; */
}

.box_bottom_forecasts_header a 
{
	color:#000000; 
	text-decoration:none;
 }
 
.box_bottom_forecasts 
{
	background: #fff url(../images/main/forecasts-box.png) no-repeat  top;
	height:130px;
	font-weight:bold;
	font-size:11px; 
	padding: 0px 0px 0px 0px;
	background-color:#fff;
	color:#000000; 
/*	border: solid 1px yellow; */
}

.box_title-white {
	height: 30px;
	line-height:30px;
	background: #ededed url(../images/main/thirdbar-out.jpg) repeat-x  bottom;
	font-weight:bold;
	font-size:11px;
	padding-left: 10px;
	color:#FFFFFF; 
	text-align:left;
}

.box_title-plus {
	height: 30px;
	width: 30px;
	float:right;
	background: url(../images/main/thirdbar-plus-out.jpg) no-repeat  bottom;
}

.box_content-bigflip {
	background: url(../images/main/big-flip.gif) no-repeat  bottom right;
	border: 1px solid #acacac;
	border-top: none;
	text-align:left; 
	padding-left: 10px;

}

.box_content {
	border: 1px solid #acacac;
	border-top: none;
	text-align:left; 
	padding-left: 10px; 

}


.box_content-flip {
	background: url(../images/main/big-flip-mini.gif) no-repeat  bottom right;
	border: 1px solid #acacac;
	border-top: none;
}

.box_content-plane {
	border: 1px solid #acacac;
	border-top: none;
	padding-left: 10px;
	padding-right:10px; 
	padding-top:10px;	
	padding-bottom:10px;
	text-align:left; 
	padding-left: 10px;
}

.box_quote {
	border: 1px solid #acacac;
	border-top: none; 
	color:#D10068;
	padding-left: 10px;
	padding-right:10px; 
	padding-top:10px;
	text-align:left; 
	font-family: Arial, Helvetica, Trebuchet MSl; 
	line-height:20px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#right { 
float:right; 
width:120px;
} 
#left { 
float:left; 
width:500px; 
} 
#middle { 
float:none; 
width:120px;
} 
#Filler { 
float:right; 
width:20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  Popups   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.popup {
	position: absolute; 
	width: 600px; 
	display: none; 
	background: white; 
	border: 2px solid Black;}


.popupHeader {
	margin:  0px 10px 0px 0px;
	float: left;
	padding-left: 7px;
	padding-bottom:0px;
	padding-top:4px;
	text-align:left;
	background-color: Navy; 
	color: White; 
	font-size:14pt; 
	font-weight:bold; 
	width:99%; 
	height:31px; 
	vertical-align:middle;
}
.popupX {
	margin: 0px 10px 0px 0px;
	float: right;
	padding-left: 0px;
	padding-bottom:0px;
	text-align:right;
	background-color:#E2017A; 
	color: White; 
	font-size:14pt; 
	font-weight:bold; 
	width:100%; 
	height:31px; 
	vertical-align:middle;
}

.popupTitle {
	margin: 0px 10px 0px 0px;
	float: left; 
	padding-left: 7px;
	padding-top:4px;
	text-align:left;
	background-color:Gray;
	color: Black; 
	font-size:14pt; 
	font-weight:bold; 
	width:100%; 
	height:30px;
	vertical-align:middle;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  Popups   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.pink {
	color: #E2017A;
	font-size: 12px; 
	font-family:Arial;
	line-height: 14px;
}
.pink a:link {
	color: #E2017A;
	font-size: 12px;
	line-height: 14px;
}
.pink a:hover{
	color: Black;
	font-size: 12px;
	line-height: 14px;
}
.pink hover{
	color: Black;
	font-size: 12px;
	line-height: 14px;
}

.black {
	color: black; 
	text-decoration:none;
	font-size: 12px; 
	font-family:Arial;
	line-height: 14px;
}
.black a:link {
	color: #E2017A;
	font-size: 12px;
	line-height: 14px;
}
.black a:hover{
	color: #E2017A;
	font-size: 12px;
	line-height: 14px;
}
.black hover{
	color: #E2017A;
	font-size: 12px;
	line-height: 14px;
}


.gold {
	color: #fcbd16; 
	text-decoration:none;
	font-size: 10px; 
	font-family:Arial; 
	font-style:italic; 
	float:right;
}
.gold a:link {
	color: black;
	font-size: 10px;
}
.gold a:hover{
	color: black;
	font-size: 10px;
}
.gold hover{
	color: black;
	font-size: 10px;
}


.picGap 
{
	margin: 5px 0px -5px 0px;
}

img.floatLeft { 
    float: left; 
    margin: 10px; 
}
img.floatRight { 
    float: right; 
    margin: 0 0 0 10px; 
}
.floatRight
{
	float: right;
}

.noUnderline 
{
	text-decoration: none; 
} 

.noUnderlineBlack
{
	text-decoration: none; 
	color:Black;
} 

.hiddencol
{
    display:none;
}
.viscol
{
    display:block;
}
.repSelected
{
	background-color: #EDEDED;
	border-bottom-style:dashed;
	border-bottom-width:1px; 
	border-bottom-color:#EDEDED;
	color: black; 
	text-decoration:none;
	font-size: 12px; 
	font-family:Arial;
}
.repNotSelected
{
	background-color:White;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-bottom-color:#EDEDED;
	color: black; 
	text-decoration:none;
	font-size: 12px; 
	font-family:Arial;
}

.listArts
{
	background-color: White;
	border-bottom-style:dashed;
	border-bottom-color:#EDEDED; 
	border-left-style:dashed; 
	border-right-style:dashed; 
	border-right-color:#EDEDED;
	border-bottom-width:1px; 
	border-left-width:1px; 
	border-right-width:1px; 
	color: black; 
	text-decoration:none;
	font-size: 12px; 
	font-family:Arial;
}

.ShopItems
{
	margin-top:0px;
	width:96%; 
	float:left; 
	min-height:400px;
	border-left-style:dashed; 
	border-left-width:1px; 
	border-left-color: Black; 
	color: black; 
	padding-left:10px; 
	text-decoration:none;
}

.linkButton
{
 color: Gray; 
 background-color: #EDEDED;
 border-style:solid; 
 border-width:1px; 
 border-color:Gray;
 font-family: Arial;
 font-size:8pt; 
 cursor : hand ; 
 text-decoration:none; 
 text-align:center;
 width:50px; 
 height:10px;
}

.inPageTileBanner
{
	padding: 0px 0px 0px 0px; 
	border-style:none; 
	border-width:0; 
	margin: 0px 0px 0px 0px;
}

.art
{
	background-color:White; 
	width:90%; 
	text-align:justify; 
	padding:10px 20px 10px 20px;
	min-height:800px; 
	padding-right: 20px;
}

.fbHdr
{
	width:291px; 
	height:20px; 
	float:left;
	margin:0px 0px 10px 0px; 
	padding:0px 0px 0px 0px; 
	font-family:Arial; 
	text-align: left; 
/*	border-style:solid; border-width:1px; border-color:Gray; */
}
.artHdr
{
	width:100%; height:35px; 
	margin:10px 0px 10px 0px; 
	padding:0px 0px 0px 0px; 
	font-family:Arial; 
	border-bottom: solid 2px #6d6d6d; 
	/*border-style:solid; border-width:1px; border-color:Gray;*/
}
.artTitl
{
	width:auto;
	float:left; 
	font-size:12pt; 
	position:relative; 
}
.artTitl h1
{
	float:left; 
	font-size:14pt; 
	font-weight:normal; 
	margin:0px 0px 10px 0px; 
}
.artWhen
{
	width:auto;
	float: right; 
	font-size:10pt; 
	color: #9b9b9b;
	margin:0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

.artImgHolder
{
	width: 210px;
	float: right; 
	margin:0px 0px 10px 10px; 
	padding:10px 0px 10px 10px;
	border: solid 1px #6d6d6d; 
}

.text5
{
	width: 500px;
}
.datarow
{
	width:100%; 
	float:left;
}
.dataInput
{
	width:500px;
	float:left;
	padding:0px 0px 5px 0px;
}
.resultmessage
{
	color:Red;
	font-weight:bold;
}

/* modal popup  */


.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}


.hdnBtn
{
	display:none;
}
/* end of modal popup  */

.webcam
{
	width:130px; 
	height:100px; 
	padding: 0px 0px 0px 5px; 
	margin: 0px 0px 0px 0xp;
	cursor:pointer;
}

.webcamTitl
{
	padding: 0px 0px 0px 5px; 
	margin: 0px 0px 0px 0xp;
	font-size:10pt; 
	color:Gray;	
/*	border: solid 1px green; */
}

/* webcam popups  */

.popupbox
{
	width:600px; 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	display: none;   
    z-index: 2; 
/*    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    opacity:.50;
    -moz-opacity:.5;
    -khtml-opacity: 0.5;
    font-size: 12pt; */
/*	border-style:solid; border-width:1px; border-color: Blue; */
}

.popupboxHdr
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/Main/popup-top.png', sizingMethod='scale'); 
	background: url("../Images/Main/popup-top.png") no-repeat; 
	border: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	width:600px; 
	height:14px;
/*	border-style:solid; border-width:1px; border-color: Blue; */
}
.popupLHS
{
	width: 11px; 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	height: auto; 
	overflow: hidden; 
	background: url('../Images/Main/popup-left.png') repeat-y left top; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/Main/popup-left.png", sizingMethod="scale");
/*	border-style:solid; border-width:2px; border-color: Blue; */
}
.popupTemp
{
	width: 11px; 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	height: auto; 
	overflow: hidden; 
	background: url('../Images/Main/popup-left.png') repeat-y left top; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/Main/popup-left.png", sizingMethod="scale");
/*	border-style:solid; border-width:1px; border-color: green; */
}
.popupRHS
{
	width:19px; 
	height:auto; 
	overflow:auto;
	background: url('../Images/Main/popup-right.png') repeat-y right top; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/Main/popup-right.png", sizingMethod="scale");
}

.popupboxBody
{
/*	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/popup-left.png', sizingMethod='crop'); */
	background: white url("../Images/Main/popup-left.png") repeat-y top left;
	float:left;
	width: 570px;
	padding: 0px 0px 0px 10px; 
/*	border-style:solid; border-width:1px; border-color:  Gray;  */
}

.popupboxcontainer 
{ 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/Main/popup-right.png', sizingMethod='scale'); 
	background: url('../Images/Main/popup-right.png') repeat-y right top;  
	Width: 598px; 
	padding: 0px 0px 0px 0px;   
	float:left; 
	min-height: 100%; 
/*	border-style:solid; border-width:1px; border-color: Lime; */
}

.popupboxFtr
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/Main/popup-bottom.png', sizingMethod='scale'); 
/*	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; */
	background: url('../Images/Main/popup-bottom.png') no-repeat;
/*	opacity: .20; -moz-opacity: .2; filter: alpha(opacity=20); */
	width:600px; 
	height:24px;
	float: left;

/*	border-style:solid; border-width:1px; border-color: Aqua; */
}
    
.ImgPopup
{  
	display:block; 
    margin: 0px 0px 0px 10px;  
    padding: 0px 0px 0px 0px; 
    width:550px;
}

.popText
{ 
	width:550px;
	margin: 10px 0px 0px 10px;
	padding: 10px 0px 10px 0px;
	border-top: solid 1px #3e3e3e;
}
   
/* end of webcam popups  */

.clearer 
{   
	clear: both;   
}  

.testBy
{
	width: 90%; 
	margin:10px 0px 0px 0px; 
	text-align:left;
	font-size: 10pt; 
	float:left;
}
.testDets
{
	width: 90%;
	text-align:left;
	font-size: 8pt; 
	float:left;
}
.testDte
{
	width: 90%; 
	color:#f15a2b;
	text-align:left;
	font-size: 10pt;
	padding:10px 0px 10px 0px; 
	float:left;
}
.testSep
{
	width: 100%;
	margin:10px 0px 0px 0px;
	height:5px;
	border-bottom: dotted 1px black;

}