﻿/*
	This CSS file is used to style the rocket.master masterpage.
	Author: Daniel H
	Date: 16/06/2008
*/

@import url("reset.min.css");

body { background-color: #0C5DA5; width: 990px; font-family: Arial,Helvetica,Sans-Serif; font-size: 0.9em; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.8em; margin: 0px auto; }

#page { background-color: White; margin: 40px; padding: 20px; }

.headerRow { }

.headerLogo { }

#UpdateProgress1 { }

/* Navigational Div Bar */
/*.navBar {  font-size: 0.85em; margin-top: 5em; margin-right: 2em; text-align: center; width: 100%; float: right; }*/
/*.navBar { border: solid 1px Blue; background-color: Blue; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }*/

/* NAVIGATIONAL LIST */ 
ul.topnav { list-style: none; padding: 0 10px; margin-top: 3em; float: left; width: 475px; background: #222; font-size: 0.85em; background: url(../../images/topnav_bg2.gif) repeat-x; float: right; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #0C5DA5;margin-right:1.5em; }
ul.topnav li { float: left; margin: 0; padding: 0 15px 0 0; position: relative; /*--Declare X and Y axis base for sub navigation--*/ }
ul.topnav li a { padding: 10px 5px; color: #fff; display: block; text-decoration: none; float: left; }
ul.topnav li a:hover { /*background: url(images/topnav_hover.gif) no-repeat center top;*/ color: Yellow; }
ul.topnav li span { /*--Drop down trigger styles--*/ width: 17px; height: 35px; float: left; background: url(../../images/subnav_btn.gif) no-repeat center top; margin-top: 6px; }
ul.topnav li span.subhover { background-position: center bottom; cursor: pointer; }
/*--Hover effect for trigger--*/
ul.topnav li ul.subnav { list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ left: 0; top: 35px; background: #333; margin: 0; padding: 0; display: none; float: left; width: 170px; border: 1px solid #111; z-index:100;}
ul.topnav li ul.subnav li { margin: 0; padding: 0; border-top: 1px solid #252525; /*--Create bevel effect--*/ border-bottom: 1px solid #444; /*--Create bevel effect--*/ clear: both; width: 170px;}
ul.topnav ul.subnav { font-size: 0.75em;}
ul.topnav li ul.subnav li a { height: 10px; float: left; width: 145px; background: #333 url(../../images/dropdown_linkbg.gif) no-repeat 10px center; padding-left: 20px;}
ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ background: #222 url(../../images/dropdown_linkbg.gif) no-repeat 10px center; }

/* END OF NAV MENU */


/*Main Page Information */
.divMainContent { background-color: White; margin-top: 15px; padding-left: 18px; padding-right: 18px; }

.inlineImage { vertical-align: middle; padding: 0px 5px; }


/* Copyright Information */
.copyright { font-size: smaller; text-align: center; margin-top: 20px; }

.copyright p { }

.clearPart { clear: both; }

/* Additional Page Styles */

h1 { color: Black; border-bottom: solid 1px #333333; margin: 15px 0px 15px 0px; font-family: Arial,Helvetica,sans-serif; font-variant: small-caps; font-size: 1.5em; }

p { margin: 10px; /*font-size:small;*/ margin-left: 25px; margin-right: 25px; }

.questionList { list-style-type: circle; margin-left: 20px; }

.questionList2 { color: #666666; font-family: Georgia, "Times New Roman" ,Times,serif; /* font-size: 1.6em; */ font-size-adjust: none; font-stretch: normal; font-style: italic; font-variant: normal; font-weight: normal; line-height: normal; text-indent: 1em; margin: 0px 25px 25px 25px; }

.questionList2 li { margin-bottom: 0.5em; }



#categoryLists li { list-style-type: none; background: url('../../images/li_bluestar.png') no-repeat left; padding-left: 1.5em; }

#categoryLists #leftList { display: inline-block; width: 300px; margin-left: 150px; list-style-type: circle; }

#categoryLists #rightList { display: inline-block; width: 300px; list-style-type: circle; }

#servicesForm ul { margin-left: 50px; }

#servicesForm ul li { margin-bottom: 10px; }


#servicesForm ul li span { font-weight: bold; color: #0066F9; text-decoration: underline; }

#servicesForm ul li span:hover { font-weight: bold; background-color: Yellow; cursor: pointer; }



.questionTitle { display: inline-block; padding-left: 20px; font-weight: bold; }

.questionResponse { display: block; font-style: italic; padding: 0px 50px; }



#contactForm { background-color: #E6E6E6; margin-left: auto; margin-right: auto; text-align: center; width: 600px; padding: 20px 0px; }

.contactFields { width: 500px; margin: 0px auto 0px 50px; }

.contactFields input.error { }

.contactFields label.error { background: transparent url(../../images/errorcross.gif) no-repeat scroll 0 0; margin-left: 0.3em; padding-left: 20px; }


#techSupportForm { background-color: #E6E6E6; margin-top: 20px; margin-left: 50px; text-align: left; width: 450px; padding: 20px 10px 20px 20px; }


#techSupportForm .stdLabel { float: left; text-align: left; width: 5em; display: inline-block; text-decoration: underline; }

#supportPic { display: inline; float: right; height: 255px; width: 169px; }

#thankYou { background-color: #E6E6E6; margin-left: auto; margin-right: auto; margin-top: 30px; text-align: center; width: 450px; padding: 40px; }

.stdLabel { float: left; text-align: left; width: 5em; display: inline-block; }

.stdText { float: left; border: solid 1px Gray; margin-bottom: 5px; width: 400px; }

.enquiryText { float: left; height: 200px; width: 400px; border: solid 1px Gray; }

br { clear: left; }
