/*
##############################
######## GLOBAL RULES ########
##############################
*/

/* General Body rules */
body{
margin:0px;
background-color:#011127;
}

/* Overall Default Font Settings */
*{font-size:13px;}
*, a{
font-family:Arial, Helvetica, sans-serif;
/*font-size:13px;*/
line-height:normal;
color:#DDDBDB;
margin:0px;
}
a:hover{
text-decoration:none;
}

h1{
font-size:24px;
font-weight:normal;
}
h2{
font-size:16px;
margin-top:12px;
margin-bottom:6px;
}

ol{margin:0px;padding:0px;margin-left:15px; margin-top:6px;}
ul{margin:0px;padding:0px;margin-top:3px;margin-left:8px;}
li{margin:0px;padding:0px;margin-left:12px;margin-bottom:3px;}
/*list-style-position:inside*/

input, option, select, textarea{
color:#FFF;
background-color:#011127;
}
textarea{background-color:#011127;}
input, select, textarea{
border:#C0DDFF 1px solid;
}
select{
margin:0px;
padding:0px;
}
input.display-like-text{
border:none;
background-color:transparent;
color:#CCC;
text-align:center;
}

.submit-button, .cancel-button{
width:119px;
height:33px;
background:#011127 url(/objects/img/buttonOut.gif) no-repeat;
background-color:transparent;
border:none;
color:#C0DDFF;
font-size:16px;
font-weight:bold;
}
.submit-button:hover, .cancel-button:hover{
background:#011127 url(/objects/img/buttonOn.gif);
background-color:transparent;
}
#popup-form{background-color:#1F324D;}
.read-only-input-text{
margin-bottom:12px;
border:none;
background-color:#33CC00;
color:#000;
font-weight:bold;
width:662px;
text-align:center;
}
#accessForm h1,#accessForm h3 {
text-align:center;
margin-bottom:12px;
}
#accessForm h1{color:#BAFFA3;}

/* Prevent image borders when links */
img{
border:none;
}

sup a{
color:#FFFFFF;
text-decoration:none;
font-size:11px;
margin:1px;
margin-right:0px;
padding-right:2px;
padding-left:2px;
background-color:#C0DDFF;
}
sup a:hover{
text-decoration:underline;
background:none;
}

/*
##############################
###### ROUNDED CORNERS #######
##############################
*/

/* definitions for green rounded border, light grey background */
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('/objects/img/round-corners-1280x18.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	border:none;
	}
.top-left, .bottom-left { 
	margin-right: 5px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 5px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #33CC00; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #33CC00; /* YCC: color & properties of the right-borderline */
	/*background: #EFEFEF;             YCC: background-color of the inside */
	background-color:#012042;
	color: #FFF;                 /* YCC: default text-color of the inside */
	padding-left: 5px;             /* YCC: all texts at some distance of the left border */
	padding-right:5px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */

/* definitions for GENERIC blue rounded border, dark background */
.top-left-blue, .top-right-blue, .bottom-left-blue, .bottom-right-blue { 
	background-image: url('/objects/img/round-corners-blue-1280x18.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	border:none;
	}
.top-left-blue, .bottom-left-blue { 
	margin-right: 5px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right-blue, .bottom-right-blue { 
	margin-left: 5px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right-blue {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left-blue { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right-blue { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside-blue {
	border-left:#298EFF 1px solid; /* YCC: color & properties of the left-borderline */
	border-right:#298EFF 1px solid; /* YCC: color & properties of the right-borderline */
	background-color:#002042;
	color: #FFF;                 /* YCC: default text-color of the inside */
	padding-left: 5px;             /* YCC: all texts at some distance of the left border */
	padding-right:5px;             /* YCC: all texts at some distance of the right border */
	}


/*
##############################
#########   LAYOUT   #########
##############################
*/

div#pageContainer{
width:980px;
margin-left:auto;
margin-right:auto;
}

div.topLine, div.bottomLine{
background-color: #1F324D;
height:16px;
}
div.topLine{background:url(/objects/img/barTop.gif) no-repeat;}
div.bottomLine{background:url(/objects/img/barBottom.gif) no-repeat;}

div.right-left-borders{
border:#33CC00 5px solid;
border-bottom:none;
border-top:none;
}
div#pageHeader{
width:960px;
height:100px;
margin-left:auto;
margin-right:auto;
background-color:#1f324d;
/*border:red 1px solid;*/
}
div#pageHeaderContent{
height:85px;
/*border:yellow 1px solid;*/
}
div#logo-container{
background:url(/objects/img/rsd-logo-dark.jpg) no-repeat;
position:absolute;
margin-top:25px;
margin-left:25px;
}

div#topMenu{
position:absolute;
margin-left:415px;
margin-top:10px;
}
div#topMenu div{
float:left;
margin-left:20px;
}
div#topMenu a{
color:#FFF;
font-weight:normal;
text-decoration:none;
}
div#topMenu a:hover{
color:#CCC;
}

#searchForm{
position:absolute;
margin-left:830px;
padding-top:5px;
}
#searchForm input{
color:#BAFFA3;
background-color:#002042;
width:80px;
height:14px;
border:#298EFF 1px solid;
}
#searchForm img{
margin-bottom:-5px;
margin-left:-4px;
}

div#head-main-separator{
height:80px;
/*border:#66FFCC 1px solid;*/
}

div#mainContainer{
width:960px;
margin-left:auto;
margin-right:auto;
}
.mainContainer{
background-color:#1F324D;
}

div#footer{
margin-top:5px;
margin-bottom:45px;
text-align:center;
color:#BAFFA3;
}
div#footer a{
padding-left:12px;
padding-right:12px;
font-size:11px;
color:#BAFFA3;
text-decoration:none;
}
div#footer a:hover{
text-decoration:underline;
}

div#footer-links{width:60%;margin:3px; margin-left:auto; margin-right:auto;text-align:center;}
div#footer-links h2{display:inline; font-weight:normal;}
div#footer-links a{color:#CCCCCC;font-size:11px;}

/* Pages common layout rules */
div#mainContainerContent{

}

div#page-title{
padding-left:150px;
vertical-align:middle;
height:60px;
}

div#other-lang{position:absolute; margin-left:780px;;margin-top:12px;}
div#other-lang img{float:left; margin-left:5px;}

div#print-link{
position:absolute;
width:900px;
text-align:right;
margin-top:-40px;
}

div#page-main-image{
position:absolute;
margin-left:695px;
height:146px;
width:auto;
padding:0px;
}
div#page-main-image img{
/* SAVED VERSION
margin-left:150px; */
}
div.movie-image-title{
color:#BAFFA3;
text-align:center;margin-top:-23px;font-size:14px;
}
div#page-main-quote{
position:absolute;
margin-left:20px;
width:650px;
height:110px;
}
#page-main-quote .inside-blue{
height:230px;
padding-left:20px;
padding-right:20px;
}
#page-main-quote .inside-blue p, #page-main-quote .inside-blue a, div#page-main-quote strong{
color:#C0DDFF;
font-size:16px;
font-weight:bold;
line-height:22px;
}
div.quote-sign{
float:right;
}
div#page-intro{
margin-left:130px;
width:490px;
}
div#main-page-content{
padding-left:150px;
width:506px;
/* Avoid splitting green rounded corner at bottom of page */
margin-bottom: -1px;
padding-bottom: 1px;
}

div#main-page-content strong, div#main-page-content strong a{
color:#C0DDFF;
/*font-size:14px;
font-weight:normal;*/
}

div#page-link-list{
position:absolute;
margin-left:685px;
margin-top:18px;
width:235px;
padding:12px;
padding-left:20px;
padding-top:0px;
}
div#page-link-list div, div#page-link-list a{
margin-bottom:15px;
font-size:15px;
font-weight:normal;
}
div#page-link-list div p, div#page-link-list div p a, div#page-link-list div li, div#page-link-list div li a{
font-size:13px;
font-weight:normal;
}
#page-link-list a{
}
#page-link-list a:hover{
}
div#page-link-list div#customers ul, div#page-link-list div#customers li{
margin-left: 10px;
}
div#page-link-list div#webinars p, div#page-link-list div#webinars p .green-text{
font-size:12px;
}
div#page-link-list div#webinars p{
margin-top:3px;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:#C0DDFF 1px dashed;
}
div#page-link-list div#webinars img{
margin-bottom:-5px;
margin-left:3px;
border:#000000 1px solid;
}
div#page-link-list div#webinars img:hover{
border:#666666 1px solid;
}
div#page-side-block{
position:absolute;
margin-left:645px;
width:270px;
padding:8px;
}
div#page-side-block h3{color:#BAFFA3}
div#contact-box{
width:100%;
margin-left:auto;
margin-right:auto;
padding-top:7px;
border-top:#33FF00 1px dotted;
}
div#contact-box table{ width:100%}
div#contact-box .highlight {color:#BAFFA3; font-size:13px;}
div#contact-box th{color:#CCC; text-align:left;}
div#contact-box *{font-size:12px; vertical-align:top;}

div#accessForm{
width:662px;
height:508px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
}

div#disclaimer p, div#disclaimer{font-size:87%;}
.disclaimer{font-size:87%;}

div.toggle-off, div.toggle-on{
cursor:pointer;
border:#C0DDFF 1px dotted;
font-size:14px;
font-weight:bold;
padding:7px;
}
div.toggle-off p, div.toggle-on p{
margin:0px;
width:100%;
}
div.toggle-off{
background:url(/objects/img/triangle-blue-small-down.jpg) 95% 7px no-repeat;
}
div.toggle-on{
background:url(/objects/img/triangle-blue-small-up.jpg) 95% 7px no-repeat;
border-bottom:#C0DDFF 1px solid;
}

/* Generic re-usable classes for Tabs/buttons switching visibility of associated DIVs */
.switch-tab-off, .switch-tab-on{
width:120px;
height:50px;
padding-top:4px;
padding-right:4px;
border-bottom:#33CC00 1px dotted;
}
.switch-tab-off p{width:100%; cursor:pointer;}
.switch-tab-off{}
.switch-tab-off a{color:#BAFFA3; text-decoration:none;}
.switch-tab-on{}
.switch-tab-on a{color:#C0DDFF; text-decoration:none;}
.switch-tab-off p{width:100%; cursor:pointer;color:#BAFFA3;}
.switch-tab-on p{color:#FFF}
.switch-tab-content{display:none;}

/* Purely Design Classes */

.underlined{
text-decoration:underline;
}
.bold{font-weight:bold;}
.ita{font-style:italic}
.blue-text{color:#C0DDFF;}
.green-text{color:#BAFFA3;}
.no-under{text-decoration:none;}
.no-border{border:none;}

.big-blue{
font-size:120%;
color:#C0DDFF;
margin-bottom:12px;
}

.copyright{
text-align:center;
font-size:10px;
}

/* in the News - Dans la presse rules */
div.inthenews{
height:28px;
width:60px;
background-image:url(/objects/img/hp/in-the-news.gif);background-position:bottom; background-repeat:no-repeat;
}
div.alaune{
height:28px;
width:60px;
background-image:url(/objects/img/hp/a-la-une.gif);background-position:bottom; background-repeat:no-repeat;
}
div.dans-la-presse{
height:28px;
width:65px;
background-image:url(/objects/img/hp/dans-la-presse.gif);background-position:bottom; background-repeat:no-repeat;
}

