@import "RSStatic/RSLib.css";
body
{
    font-size: 0.9em;
    line-height: 1.8em;
}

img
{
    /* Get rid of old compatibility for images*/
    border: none;
}

.menu
{
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    text-align: center;
}

.menu
{
    /* We can ajust .menu size by setting the font-size, menu size height will be 3 em */
    height:1.75em;
    padding-bottom:0.25em;
    padding-top:0.25em;
    /* @4 = neight + padding = 2em ?*/
    font-weight: bold;
}

.menu table
{
    /* not used */
    border-collapse:separate;
    /* must stay in table dixit RX700/p5 cellspacing:45px;*/
}

.menu td
{
    height:100%;
}

ul.menu > li
{
    padding: 0px 0.5em 0px 0.5em /* @1 */ ;
}

ul.menu > li + li 
{
    /* this makes a border between each cell but not on each side */
    border-left: solid 1px white;
}

ul.menu li a
{
    /* this will not work on IE7 */
    display:block;
    height:100%;    /* this cause borders to take most of the height */
    width:100%;
}

ul.menu li form
{
    /* useless */
    height:100%;
    width:100%;
}

/* Sub menus in general */
ul.menu > li > ul 
{
    text-align: left;
    margin-left: 0pt; /* this is the list indenting default is 30pt for IE7 */
    padding-left: 0pt; /* while for others it is in padding */
}

ul.menu > li > ul > li
{
    /* submenus */
    display: block;
    text-align: left;
    height:100%;    /* this cause borders to take most of the height */
	/* top right bottom left */
    padding: 0px 0.5em 0px 0.0em;
    float: none; /* vertical */
}

/* Sub menus as popup */
ul.menu > li > ul.popupmenu 
{
    display: none;
    
    position: absolute; /* absolute = not in flow, don't disturb next display */
    left: 0em /* @1 */;
    top: 2em; /* @4 if you set left, better set top */
    
    padding-left: 0.5em /* @1 */;
    border-top: solid 2px gray;
}

ul.menu > li:hover > ul.popupmenu
{ 
    /* this is the essence of popup, when hover it displays */
    display: block;
    z-index: 1000; /* make sure it comes above, requires position */
}

/* Sub Sub menus as popup */
ul.menu > li:hover > ul.popupmenu > li > ul.popupmenu 
{ 
    /* but sub sub menus must stay close */
    display: none; 
}

ul.menu > li > ul.popupmenu > li > ul.popupmenu
{
    left: 140px;
    top: -1px;
    border-left: 1px solid #FFF;
}

ul.menu > li > ul.popupmenu > li:hover > ul.popupmenu
{
    /* until they are hover themselves, a little further */
    display: block;
}

.menu a
{
    /* this will make the hover effect to be extended to the whole cell */
    display:block;
/*    vertical-align:middle;*/
/*    text-decoration: underline; */
}

.menu a:hover
{
    /* this is for IE7 if missing the popup position are shifted to end of label */
    background-color: Transparent;
}

/*
a:hover + ul.popupmenu
{
    display: block;
}
*/

#SearchBox 
{
    display: inline;
}

.SplashMessage
{
    position:relative;
    top:120;
    left:135px;
    height:240px;
}

.FAQQuestion
{
    font-weight:bold;
}

.FAQAnswer
{
    font-style:italic;
}

.FormHelp
{
    display:block;
    font-size:smaller;
    font-style:italic;
    /*border:solid 1 black;*/
}

.FormTable
{
    border-collapse:collapse;
    border:solid 1 black;
    border-spacing: 0;
}

.FormTable td
{
    border-bottom: solid 1 orange;
}

.Label
{
    color: #339999;
    font-size:x-large;
}

.SectionLabel
{
    color: orange;
    font-style:italic;
}

#FollowUs
{
    /* because conflicting classes can be disanbiguiated */
    color: orange;
    font-style:italic;
    text-align: left;
}

.SectionText
{
/*    font-size:smaller;*/
    margin-bottom:10px;
    line-height:normal;
}

.RequiredStar
{
    width: 20px;
    text-align: left;
}

img.FrontIcon
{
/*	width:50px;*/
/*	height:50px;*/
}

.HighLightRow
{
/*    padding: 1px 4px;*/
    border: 2px solid #FFA500; 
    padding: 0.5em;
}

.HighLightBox
{
    float: right;
    width: 100px;
    padding: 15px 5px 20px 20px;
    height: 100%;
}

.FrontPageRemark
{
    text-align: right; 
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    padding: 0px;
    margin: 0px;
}

.FrontPageArgList
{
/*    padding: 0px;*/
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: left;
}

/* Colors and Font family */
.BaseColor
{
    font-family: "Lucida Grande", Verdana, Arial, Helvetica, Sans-Serif;
    color: #333333;
}

.BaseColor a
{
    color: #3366CC;
}

.BaseColor a:hover
{
    color: gray;
/*    text-decoration:underline;*/
}

.BaseColor a:link
{
    color: #000000;
}

.BaseColor a:visited
{
    color: #000000;
    font-weight: bolder;
/*    text-decoration: none;*/
}

.BaseColor a:active
{
    color: #FF0000;
    color: #000000;
}

.WhiteCell
{
    background-color: white;
}

.OrangeCell
{
    background-color: orange;
}

ul.menu.OrangeCell li + li 
{
    border-left-color: gray;
}

.OrangeBox
{
    border-color: Orange; 
    border-style: solid;
}

.GreyCell
{
    background-color: #cccccc;
}

ul.menu.OrangeCell li:hover 
{
    background-color: Silver;
}

ul.menu.OrangeCell li.notmenucell:hover 
{
    background-color: orange;
}

/*.GreyCell a:hover 
{
    background-color:Silver;
}
*/

ul.menu.GreyCell li + li 
{
    border-left-color: gray;
}


/*
  Position and Size of Main blocs
    We use Ids because items are usually unique
*/
body.MainPage
{
    text-align: center;	/* To align all elements in it, including div if margin and width are set */
}

body.StandardPage
{
    background-color: #FFF3BB;
    background-image: url("images/BackgroundWithShi.png");
    background-repeat:repeat;
    text-align: center;	/* To align all elements in it, including div if margin and width are set */
}

body.IE7
{
    margin: 0px;
    padding: 0px;
}

#Main
{
    /* should not be positionned absolutely because this is the contents of the page */
    /* you need all margin to be set to be centered on non IE7*/
    margin: 170px /* @3 */ auto auto auto;
    width: 620px;    
    text-align:justify;
}

.IE7 #Main
{
    width: 620px;
}

.PhoneNumber
{
    white-space: nowrap;
}

#Header
{
    width: 620px;
    height: 150px;
    margin: 0px auto auto -310px;
    position: absolute;
    left: 50%;
    top: 0px;
}

#Header
{
    background-color: White;
}

#Logo
{
    position:absolute;
    top:5px;
    left:0px;
}

#QuickDownloadGroup
{
    position:absolute;
    width:200px;
    left:465px;
    top: 40px;
}

a.QuickDownload
{
    display: block;
    background-image: url("images/Button150x34.png");
    background-repeat: no-repeat;
    height: 34px;
    font-size: 15px;
    line-height: 18px;
    white-space:normal;
    margin: 0px 0px 0px 0px;
    padding: 6px 60px 0px 8px;
    vertical-align: middle;
    text-decoration : none;
}

#BreadCrumb
{
    position: absolute;
    left: 0px;
    top: 148px /* @3 - font-size */;
    list-style: none;
    font-size: 0.6em;
}

ul#BreadCrumb > li
{
    padding: 0px;
}
/*
ul#BreadCrumb > li + li:after
{
    / * this makes a border between each cell but not on each side * /
    content: ">";
    Not OK on IE7
}
*/

#TopMenu 
{
    background-image: url("images/Tilde32x20.png");
    background-repeat:no-repeat;
	
    position:absolute;
    top: 0px;
    left: 250px;
    
    width: 335px;
    height: 20px;
    text-align: right;
    padding-left: 35px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-right: 0px;
    font-size: 0.7em;
    line-height: 1.2em;
}

li.lastmenucell
{
    text-align:right;
    min-width:30%;
    float:right; /* this is copied directly in the element because it seems that it don't work in combination with text-align otherwise */
    height:2em;	/* on IE7 100% will leave a spamm space at the bottom */
}

form.#SearchBox
{
/*    height:100%;
    margin:0px;
    padding:0px;*/
}

#Menu 
{
    position:absolute;
    left: 0px;
    top: 125px;
    
    padding-top:0px;
    width: 620px;
    font-size: 0.9em;
}

#BottomNotice 
{
    margin: auto  auto 0px auto;
    height: 60px;
    /* static is not an option, textflow is not normal with Mainclass*/
    padding-top: 30px;
    font-size: x-small;
    overflow: hidden;
    width: 620px;
}

#PageBottomMenu
{
    font-size: x-small;
    margin: auto  auto 0px auto;
    width: 620px;
    text-align: left;
}

#MainTable
{
    width: 100%;
}

#EntranceBloc
{
    max-width: 400px;
    border: solid 2px white;
    vertical-align: top;
    padding: 0.5em;
}

.IE7 #EntranceBloc
{
    width: 400px;
}

#NewsDiv
{
    border: solid 2px white;
    vertical-align: top;
    padding: 1em;
}

.IE7 #NewsDiv
{
/*    width: 150px;*/
}

/*
td
{
    color: #333333;
}

th 
{
    color: #333333;
}

.title 
{
    not used
    font-size: 24px;
    line-height: 30px;
    background-color: #006666;
    color: #DCDCDC;
}

.subtitle 
{
    not used
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #006666;
}

.header 
{
    not used
    font-size: 24px;
    background-color: #006666;
    color: #DCDCDC;
}

.nav 
{
    not used
    font-size: 14px;
    font-weight: bold;
    background-color: #CCCCCC;
}

.navLink 
{
    not used
    font-size: 14px;
    font-weight: bold;
    background-color: #DEDECA;
}

.sidebar 
{
    not used
    font-size: 12px;
    line-height: 18px;
    padding: 3px;
    background-color: #FFFFFF;
}

.sidebarHeader 
{
    not used
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    background-color: #339999;
}

.sidebarFooter 
{
    not used
    font-size: 12px;
    line-height: 18px;
    background-color: #CCCCCC;
}

.footer 
{
    not used
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    color: #333333;
    background-color: #CCCCCC;
}

.legal 
{
    not used
    font-size: 9px;
    color: #333333;
}

.box1 
{
    not used
    border-color: #CCCCCC #333333 #333333 #CCCCCC;
    border-width: medium;
    border-style: ridge;
}

.promo 
{
    not used
    font-family: "Times New Roman", Times, serif;
    color: #000033;
}

.titlebar 
{
    not used
    font-family: "Times New Roman", Times, serif;
    font-size: 9px;
    color: #FFFFFF;
    background-color: #336699;
}

.dingbat 
{
    not used
    background-color: #99CC99;
    color: #006666; 
    font-weight: bolder;
    font-size: medium;
}

input.big 
{
    not used
    width: 100px;
}

input.small 
{
    not used
    width: 50px;
}

a.hidden 
{
    not used
    color: #000000;
}

a.hidden:visited 
{
    not used
    color: #000000;
}

a.hidden:hover 
{
    not used
    color: #0000CC;
}

a.hidden:active 
{
    not used
    color: #000000;
}

a.nav
{
    not used
    padding: 2px;
}

a.nav:link 
{
    not used
    color: #333333;
}

a.nav:visited 
{
    not used
    color: #cccccc;
}

a.nav:hover 
{
    not used
    color: #FFFFFF;
    background-color: #666666;
}

a.box 
{
    not used
    padding: 3px;
    background-color: #FFFFFF;
    text-decoration: none;
    border: medium solid #CCCCCC;
    color: #000000;
}

a.box:hover 
{
    not used
    color: #000000;
    text-decoration: none;
    background-color: #666666;
    border-color: #3366FF;
    color: #FFFFFF;
}
body.Contact div
{
    position:relative;
    left:140px;
    top:30px;
}
body.Contact  p
{       
    margin:-8px;     
    padding:0px; 
}
body.Contact  p
{       
    not used
    margin:-8px;     
    margin-left:15px;
    margin-right:15px;   
}
*/
.bluestroke
{
    border-color: #5d8bad;
    background-color: Transparent;
    border-width: 5px;
    fill:none;
    fill-opacity:1;
    stroke:#5d8bad;
    stroke-width:5;
    stroke-miterlimit:4;
    stroke-dasharray:none;
    stroke-opacity:1;
}

h1
{
    white-space:nowrap;
    font-size: 1.6em;
}

.UnderH1
{
    margin-top: -20px;
    margin-bottom: 0px;
    font-size: 0.8em;
    text-align: right;
}

.MiniFrame
{
    margin: 0px;
}

#twitter_div .sidebar-title
{
    display:none;
}

#twitter_frame
{
    width: 200px;
    height: 200px;
    /* no effect border: solid 2px gray; 
    margin-right: 5px;
*/
}

#twitter_update_list
{
    font-size: 0.6em;
    line-height: 1.2em;
    list-style: none;
    margin-left: 0pt; /* this is the list indenting default is 30pt */
    padding: 0px;
}

#twitter_update_list li
{
    list-style-type:none;
    border-style: none none dashed;
    border-width: 0px 0px 2px;
    border-color: white white #d2dada ;
    padding: 0.5em 0.6em 0.7em;
    position:relative;
}

#twitter_update_list li > a
{
    color: Aqua;
}

#twitter-link
{
    font-size: 0.7em;
    color: Aqua;
}

.ColorSample
{
    width: 120px;
    height: 60px;
    float: left;
}

.EmailRemark
{
    display: block;
    font-size: 0.6em;
    margin-top: -10px;
    margin-bottom: 1em;
}

#PageBottomMenu > li
{
    width: 20%;
}

#PageBottomMenu > li > ul > li > a
{
    font-weight: normal;
}
table.RSDownloadForm
{
    border: none;
    width:450px;
    background-color:#DDDDDD;
    /* cellpadding:10px; */
}

table.RSDownloadForm td 
{ 
    /* replace old cellpadding */
    padding:10px; 
}

.SendComment
{
    border: solid 2px orange;
    font-size: smaller;
}

.Column1
{
    padding-right: 5cm;
    padding-left: 0.5cm;
    padding-bottom: 0.5cm;
    position: relative;
}

.SideNote
{
    color: Blue;
    font-size: smaller;
    position: absolute;
    right: 0.5cm;
    width: 4cm;
}

.HandStroke
{
	fill: Blue;
}

.Text1
{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, Sans-Serif;
	font-size:40px;
	font-style:	normal;
	font-weight:normal;
	fill:#000000;
	fill-opacity:1;
	stroke:none;
}

.Text2
{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, Sans-Serif;
	font-size:30px;
	font-style:	normal;
	font-weight:normal;
	fill:#000000;
	fill-opacity:1;
	stroke:none;
}

.remark
{
    /* used in download instructions */
    color: Blue;
    font-size: smaller;
}

#Feedback
{
    position:fixed;
    right:0px;
    top:100px;
    z-index: 1000;
    
    display:block;
    width: 30px;
    height: 102px;
    
    background-repeat: no-repeat;
    background-image: url("images/Feedback30x102.png");
    background-color:Green;
    border: solid 2px black;
    text-decoration: none;
}

#Feedback:hover
{
    right:3px;
}