﻿/* ----------- Panel styles -----------------------*/

/* --- Global panel styles ---*/
.Box2
{
    background-color:Transparent;
    font-size:0px;
}

.Box1
{
    float:left;
    background-color:Transparent;
    background-repeat: no-repeat;
    font-size:0px;
}

.Box3
{
    float:right;
    background-position:right top;
    background-color:Transparent;
    background-repeat: no-repeat;
    font-size:0px;
}

/* Middle Row */
.Box4
{
   background-color:Transparent;
}

.Box6
{
    background-color:Transparent;
    padding:0px 8px 0px 8px;
    /*background: url(images/pc_row_right.jpg) repeat-y 100% 0;*/
}

.Box5
{
    background-color:Transparent;
	overflow:hidden;
}
/*
#guidestartintro .Box5,
#guidestartcontent .svBluePanel
{
	float:left;
}

#guidestartcontent .svBluePanel
{
	width:496px;
}
*/
#guidestartcontent .Box5
{
	padding: 0 6px 12px;
}

/* Bottom Row */
.Box8
{
    background-color:Transparent;
    font-size:0px;
}


.Box7
{
    float:left;
    background-color:Transparent;
    font-size:0px;
}

.Box9
{
    float:right;
    background-color:Transparent;
    font-size:0px;
}
/* --- end of global panel styles ---*/


/* --- Specific panel styles ---*/

/* SV line style */
.svLinePanel
{
   padding:0;
   margin:0;
   overflow:hidden;
}

/* Top Row */
.svLinePanel .Box2
{
   
    background-image: url('styles/line.gif');
    background-repeat:repeat-x;
    background-position:top;
    height:6px;
}

.svLinePanel .Box1 
{
    background: url(styles/line_top_left.gif) no-repeat;
    background-position:left top;
    height: 6px;
    width:9px;  
}

.svLinePanel .Box3
{
    background: url(styles/line_top_right.gif) no-repeat;
    background-position:right top;
    width:9px;
    height:6px;
}

/* Middle Row */
.svLinePanel .Box4
{
    border-left: 1px;
    border-left-style:solid;
    border-left-color:#E1E1E1;
    /*background: url(images/pc_row_left.jpg) repeat-y;*/
}

.svLinePanel .Box6 {
    border-right: 1px;
    border-right-style:solid;
    border-right-color:#E1E1E1;
    /*background: url(images/pc_row_right.jpg) repeat-y 100% 0;*/
}


/* Bottom Row */
.svLinePanel .Box8
{
    /*
    border-bottom:1px; 
    border-bottom-style:solid;
    border-bottom-color:#E1E1E1;
    */
    height:6px; 
    background: url(styles/line.gif) repeat-x;
    background-position: bottom;
}


.svLinePanel .Box7
{
    height: 6px;
    width:9px;
    background: url(styles/line_bottom_left.gif) no-repeat;
    background-position:left bottom;
}

.svLinePanel .Box9
{
    height: 6px;
    width:9px;
    background: url(styles/line_bottom_right.gif) no-repeat;
    background-position:right bottom;
}


/* SV None style */
.svNoPanel
{
    padding:0;
}

.svBlankPanel
{
    padding:0;
    margin-top:10px;
}
 
 /* SV  White Panel */
 .svWhitePanel
{
	/*background:url('images/promo_143_gradient_background.gif') repeat-x;
	background-position:left top;
	background-color:#D9E3F0;  */

	
}


/* SV Blue style */
.svBluePanel
{
	/*background:url('images/promo_143_gradient_background.gif') repeat-x;  */
	background-position:left top;
	/*background-color:#D9E3F0; 
	background-color:#f1f1f1;  */

	
}

.svSmallBluePanel
{
	background:url('styles/help_centre_bg.gif') repeat-x;
	background-position:left bottom;
}

.svSmallBluePanel .Box1, 
.svBluePanel .Box1,
.svWhitePanel .Box1

{
    background: url('styles/blank_top_left_corner.gif') no-repeat;
    background-position:left top;
    width:10px;
    height:10px;

}

.svSmallBluePanel .Box2
{
	height:10px;
}

.svBluePanel .Box2,
.svWhitePanel .Box2
{
	height:10px;
	margin-bottom: -6px;
}

.svSmallBluePanel .Box3,
.svBluePanel .Box3,
.svWhitePanel .Box3
{
    background:url('styles/blank_top_right_corner.gif') no-repeat;
    background-position:right top;
    width:10px;
    height:10px;

}

.svSmallBluePanel .Box9,
.svBluePanel .Box9,
.svWhitePanel .Box9
{
    background:url('styles/blank_bottom_right_corner.gif') no-repeat;
    background-position:right bottom;
    height:10px;
    width:10px;

}

.svSmallBluePanel .Box7,
.svBluePanel .Box7,
.svWhitePanel .Box7
{
    background: url('styles/blank_bottom_left_corner.gif') no-repeat;
    background-position:left bottom;
    height:10px;
    width:10px;

}

.svSmallBluePanel .Box8,
.svBluePanel .Box8,
.svWhitePanel .Box8
{
	margin-top:-6px;
	height:10px;
}
   
.svSmallBluePanel .Box5,
.svWhitePanel .Box5
{
	height:53px;
}

/* end of square game panel*/


/* Standard content panel*/
.svGreyPanel,
.svGreyPanelLeftnav
{
   padding:0;
   margin:0;
   overflow:hidden;
   width:100%;
}

/* Top Row */
.svGreyPanel .Box2,
.svGreyPanelLeftnav .Box2
{
    height: 18px;
    background: url('styles/pc_header.jpg') repeat-x; 
    margin-bottom: -10px;
}

.svGreyPanel .Box1,
.svGreyPanelLeftnav .Box1 
{
    background: url("styles/pc_header_left.jpg") no-repeat;
    width:10px;
    height:18px;
}

.svGreyPanel .Box3,
.svGreyPanelLeftnav .Box3
{
    background: url("styles/pc_header_right.jpg") no-repeat;
    width:10px;
    height:18px;

}

/* Middle Row */
.svGreyPanel .Box4,
.svGreyPanelLeftnav .Box4 {
    border-left: 1px; 
    border-left-style:solid;
    border-left-color:#E1E1E1;
    background-color:Transparent;

    /*background: url(images/pc_row_left.jpg) repeat-y */
}

.svGreyPanel .Box5,
.svGreyPanelLeftnav .Box5
{
	border-bottom:-6px;
	margin-bottom:-2px;
}

.svGreyPanel .Box6,
.svGreyPanelLeftnav .Box6 {
    border-right: 1px;
    border-right-style:solid;
    border-right-color:#E1E1E1;
    background-color:Transparent;
    /*background: url(images/pc_row_right.jpg) repeat-y 100% 0;*/
}


/* Bottom Row */
.svGreyPanel .Box8,
.svGreyPanelLeftnav .Box8
{
    height:18px;  
    background: url('styles/pc_footer.jpg') repeat-x ;
}
.svGreyPanelLeftnav .Box8
{
	margin:0 0 10px 0;
}

.svGreyPanel .Box7,
.svGreyPanelLeftnav .Box7
{
    background: url('styles/pc_footer_left.jpg') no-repeat;
    background-position:left bottom;
    height:18px;
    width:10px;
}

.svGreyPanel .Box9,
.svGreyPanelLeftnav .Box9
{
    background: url('styles/pc_footer_right.jpg') no-repeat;
    background-position:right bottom;
    height:18px;
    width:10px;
}

/* ----------- End of Panel styles -----------------------*/

/* Panel for Home page  with Dark top corner */
.svGreyPanelHome
{
   padding:0;
   margin:0;
   overflow:hidden;
   width:100%;
}

/* Top Row */
.svGreyPanelHome .Box2
{
    height: 18px;
    background: url('styles/pc_header.jpg') repeat-x; 
    margin-bottom: -10px;
}

.svGreyPanelHome .Box1 
{
    background: url("styles/pc_header_left.jpg") no-repeat;
    width:10px;
    height:18px;
}

.svGreyPanelHome .Box3
{
    background: url("styles/pc_header_right_homepage.jpg") no-repeat;
    width:10px;
    height:18px;

}

/* Middle Row */
.svGreyPanelHome .Box4 {
    border-left: 1px;
    border-left-style:solid;
    border-left-color:#E1E1E1;
    background-color:Transparent;
    /*background: url(images/pc_row_left.jpg) repeat-y;*/
}

.svGreyPanelHome .Box5
{
	border-bottom:-6px;
	margin-bottom:-2px;
}

.svGreyPanelHome .Box6 {
    border-right: 1px;
    border-right-style:solid;
    border-right-color:#E1E1E1;
    background-color:Transparent;
    /*background: url(images/pc_row_right.jpg) repeat-y 100% 0;*/
}


/* Bottom Row */
.svGreyPanelHome .Box8
{
    height:18px;  
    background: url('styles/pc_footer.jpg') repeat-x ;
}


.svGreyPanelHome .Box7
{
    background: url('styles/pc_footer_left.jpg') no-repeat;
    background-position:left bottom;
    height:18px;
    width:10px;
}

.svGreyPanelHome .Box9
{
    background: url('styles/pc_footer_right.jpg') no-repeat;
    background-position:right bottom;
    height:18px;
    width:10px;
}

/* ----------- End of Panel styles -----------------------*/



/* -------------- End of Panel */


/*----------- Top Nav menu Styling --------------- */
.svTopNavPanel
{
	
	width:100%;
	height:22px !important;
	background:url('styles/svPageFadeFromHeader.gif') repeat-x left bottom !important;
	clear:both;
}
.svTopNav1
{
	
	display:inline-block;
	float: left;
	width:auto;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background:url('styles/topmenuseprator.gif') repeat-x top left;
	_background:url('styles/topmenuseprator.gif') repeat-x 1px left;
	margin-left: -2px;
	height: 20px !important;
	
}


.svTopNav1Item
{
	font-family:Verdana, Arial, sans-serif;
	font-weight:bold; 
	font-size: 12px; 
	color: white;	
	background-color: #003366 ;
	width:auto;
	float:left;
	display: inline-block;
	padding:0 10px 0 10px;
	 _padding:0 10px 0 10px;
	text-decoration: none;
	margin-left:2px;
	background-repeat:repeat-x;
	background-position:left top;
	height: 20px
}

.svTopNav1Item a
{
	/*padding-left:8px;
	padding-right:10px;
	padding-bottom:6px;
	padding-top:9px;
	margin-top:-6px; */
	
	display:block;
	font-weight:bold !important;
}

.svTopNav1Item a:hover
{
	color:white !important;
}
.svTopNav1Item td a
{
	padding:2px 0 0 0;
	height:18px;
}
/*table.svTopNav1Item
{
	background-image: url('images/bl_tab_right2.gif');
	background-repeat:no-repeat;
	background-position:right top;

}

.svTopNav1 table td
{
	background-image: url('images/bl_tab_left2.gif');
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
	font-weight:bold !important;
}*/
.svTopNav1Selected,
.svTopNav1Hover
{
	background-color: #00a4e8;
	background-repeat: repeat-x;
	background-position: top left !important;
	
}

.svTopNav1 table.svTopNav1Selected td,
.svTopNav1 table.svTopNav1Hover td
{

	background-repeat:no-repeat;
	background-position:left bottom !important;
}

.svTopNav1Selected a,
.svTopNav1Hover a
{

	background-repeat:repeat;
	background-position:top left !important;
	
}

.svTopNav1Hover a
{
	color:#FFFFFF;
}



/*----------- Left Nav menu Styling --------------- */
.svLeftNav
{
	padding-top:0px;
	width:100%;
}

.svLeftNavSpacer
{
	width:160px;
}

.svLeftNavSelected,
.svLeftNavSelected a,
.svLeftNavSelected a:hover
{
	color: #003366  !important;
	text-decoration:none !important;
}
.svLeftNav1, .svLeftNav2, .svLeftNav3, .svLeftNav1Link
{
	color: #00a4e8;
}
.svLeftNav1,
.svLeftNav1Link
{
	font-family: Verdana, Arial;  
	font-size: 11px; 
	font-weight:bold; 
	padding:0 0 4px 0;
}
.svLeftNav1 a,
.svLeftNav1Link a
{
	font-family: Verdana, Arial;  
	font-size: 11px; 
	font-weight:bold; 
	padding-left:5px;
	display:block;
	padding-right:10px;
	/*color:#339900; */
	color:#00a4e8;
	

}

.svLeftNav2,
.svLeftNav3
{	
	font-family: Verdana, Arial;  
	font-size: 11px; 
	line-height:14pt;
	font-weight :bold;
}
.svLeftNav2 a,
.svLeftNav3 a
{
	padding-left:4px; 
	display:block;
	padding-right:10px; 	
}
.svLeftNav2 a:hover,
.svLeftNav3 a:hover
{
	text-decoration :underline;
	/*color:#cf1c1c; should be black*/ 
	
}
.svLeftNav1 a:active,
.svLeftNav2 a:active,
.svLeftNav3 a:active,
.svLeftNav1Link a:active
{
	color: #00a4e8 !important;
	text-decoration:none;
}
.svLeftNavFlyOuts
{
	font-family:Verdana, Arial; 
	font-size:11px; 
	border-top:1px #CBD1E0 solid;
	border-left:1px #CBD1E0 solid; 
	border-right:1px #CBD1E0 solid;	
}
.svLeftNavFlyOutsItem
{
	border-bottom:1px #CBD1E0 solid;
	background-color: #ECEFF3;
}
.svLeftNavFlyOutsItem a
{
	padding:1px 5px 1px 5px;
	display:block;
	color:#354260;
	width:100px;
	min-width:100px;
}
.svLeftNavFlyOutsHover
{
	background-color: #B2BCD3;
}
/* -------------- end of left menu styling -------------*/


/* ---------------- Search box style -----------------------------*/

.ms-sbtext
{
	color:#666666;
}

.svSearch
{
	float: right;
	margin-right: 0px;
	vertical-align: text-bottom;
	margin-top: 7px;
	font-weight: bold;
	font-size: 100%;
	color: #849AB0 !important;
	text-align: right !important;
	margin-bottom:10px !important;
}
.svSearchPanel
{
	width:200px;
	float: right;
	display:inline-block;
}

.svSearch td,
.svSearch a,
.svAdvancedSearch td,
.svAdvancedSearch a
{
	border:none 0px transparent !important;
	background-color:transparent !important;
}

.svSearch input,
.svAdvancedSearch input
{
	border:solid 1px #059 !important;
	margin-right:5px !important;
}

.svAdvancedSearch input
{
	padding: 2px 4px;
}

.svSearch table
{
	float:right;
	width:260px;
	margin-right:-7px;
}


/*------------- Selection are styles ---------------------*/
.svSelectionBox
{
	font-family: Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size: 90%;
    margin-top:10px;
}

.svSelectionBox .svSBText
{
	color:#666666;
	padding-bottom:5px;
	font-family: Verdana, Arial;  
	font-size: 9pt; 
	font-weight:bold; 
}

.svSelectionBox .svSBDropDownBox
{
	font-family: Verdana, Arial, sans-serif;
	float:left;	
	width:120px;
}

.svSelectionBox div.svSBDropDownBox
{	
	padding:1px 5px 0 0;
}

.svSelectionBox .svSBLinkArea
{
	vertical-align:middle;
	
}

/*------------- End of Selection are styles ---------------*/

/*----------- top links area -------------*/

.svToplinksArea
{
	padding-top:5px;
    font-size: 9px;
	color: #00a4e8;
	font-weight: bold !important;
	text-align:right;
}


.svToplinksArea a
{
	color: #00a4e8;
    text-decoration:none;
}

.svToplinksArea a:hover{
	color: #00a4e8;
	text-decoration: underline;
}
.svToplinksArea a:active
{
	color: #00a4e8;	
}
.svToplinksArea a:visited /*------ added on 06/02/09 ------*/
{
	color: #00a4e8;	
}

/*------ end of top links area ------*/


.svPageContentArea .srch-Page-bg
{
	background-color:white;
	text-align:left;
}

/*----- Share list styles ------*/


.svShareList .ms-vb a,
.svShareList .ms-vb a:hover,
.svShareList .ms-vb a:visited,
/*.contentplaceholder a*/
{
	/*color:#339900; */
	color: #003366;

}


.svShareList .ms-vb
{
	color:#000000;
}




/*-----End of Share list styles ------*/

/* -- SAYE ---*/
fieldset
{
	margin-bottom: 14px;
	margin-top: 5px;
	padding-left: 8px; 
	padding-right: 8px; 
	padding-top: 6px; 
	padding-bottom: 5px; 
	border: solid 1px #CCCCCC; 
	background-color: #F1F1F1;
}

input
{
	font-family: Verdana, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: small;
	text-indent:1px;
}

input [type="button"]
{
	font-family: Verdana, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: small;
	text-indent:1px;
	color: #ffffff;
	background-color:#00A4E8
}

.formpanel
{
	padding-left: 10px; 
	padding-right: 10px;
	border-style: none;
	border-width: 0px;
}

.formrow
{
	border-style: none;
	border-width: 0px;
	padding-bottom: 25px;	/* For some reason this gives a 5px padding! */
}

.formrowspacer
{
	border-style: none;
	border-width: 0px;
	padding-bottom: 10px;
}

.formlargelabelcolumn
{
	float: left; 
	width: 165px; 
	padding-top: 0.3em;
	font-weight: bold;
}

.formlargefieldcolumn
{
	float: left; 
	width: 165px;
}

.formfield
{
	float: left; 
}

.formfieldverticalspacer
{
	width: 0px; 
	visibility: hidden;
}

.formlabel
{
	float: left; 
	padding-top: 0.3em; 
}

.formlabelspacer
{
	float: left; 
	padding-top: 0.3em; 
	width: 12px;
}

.formsubtitle
{
	font-size: 110%; 
	font-weight: bold; 
	color: #666666;
}

.formerrorlist
{
	color: #003366;
}

.formerrorfield
{
	color: #003366;
	width: 10px;
	overflow: hidden;
	font-weight: bold;
}

.vsmalltextbox
{
	width: 33px;
}

.smalltextbox
{
	width: 66px;
}

.mediumtextbox
{
	width: 132px;
}

.vsmalldropdown
{
	width: 39px;
}

.smalldropdown
{
	width: 72px;
}

/*faq */

    
            .svFaqMain,
            .svFaqFooter
            {
                background-repeat:no-repeat;
            }
            
            .svFaqMain
            {
                background-image:url('styles/faqBgTR.gif');
                background-position: top right;
            }
            
            .svFaqMain .svBoxInner
            {
                background-image:url('styles/faqBgTL.gif');
                background-position: top left;
                padding: 4px 10px 0 20px;
            }
            
            
            .svFaqFooter
            {
                background-image:url('styles/faqBgBR.gif');
                background-position: top right;
                height:17px;
            }
            
            .svFaqFooter .svBoxInner
            {
                background-image:url('styles/faqBgBL.gif');
                background-position: top left;
                height:17px;
            }

/*------------------ SVText Styles ----------------------*/

.svListOuter .svListFooter .svListInner
{
   background-repeat:no-repeat !important;
}

.svListOuter
{
    background-image:url('styles/faqBgTR.gif');
    background-position: top right;
}

.svListOuter .svListInner
{
    background-image:url('styles/faqBgTL.gif');
    background-position: top left;
    background-repeat:no-repeat;
    padding: 4px 10px 1px 20px;
}

.svListFooter
{
    background-image:url('styles/faqBgBR.gif');
    background-position: top right;
    background-repeat:no-repeat;
    background-color:white;
    height:17px;
}

.svListFooter .svListInner
{
    background-image:url('styles/faqBgBL.gif');
    background-position: top left;
    background-repeat:no-repeat;
 	height:17px;
}

.svListLink
{
	padding-top:10px;
	color:#003366!important;
	font-size:140%;
	
}

.svListLink a
{
	
	text-decoration:none;
	color:#00a4e8!important;
	
}

.svListGroup
{
	margin-bottom:10px;	
	color:#003366!important;
	text-decoration:none;
	font-weight:bold;
	padding-left:12px;
	background:url('styles/twistBlueClosed.gif') no-repeat 0 4px;
}

.svListGroup:hover
{
	text-decoration:none !important;
}

.svExpanded
{
	background:url('styles/twistBlueOpen.gif') no-repeat 0 3px !important;
}
/*-------------- End of SVText Styles -------------------*/            

.ms-sbcell span
{
padding: 0 5px 0 0;
	
	
}

.svYellowPanel
{
	background-color: #fff7e5;
	padding: 5px 3px 5px 3px;
}




