File: //home/gurkhajustice.org.uk/public_html/stylesheets/extensions.css
/* Advice Tools styles */
#col2_content div.wideGreen{
background-color: #DEEED4;
background-repeat: no-repeat;
width: 565px;
padding: 5px;
}
#col2_content div.wideGreenTop{
float: left;
background-color: #DEEED4;
background-image: url(img/wide_green_top.gif);
background-position: top;
background-repeat: no-repeat;
width: 565px;
padding: 8px 5px 0px 5px;
}
#col2_content div.wideGreenBot{
float: left;
background-color: #DEEED4;
background-image: url(img/wide_green_bot.gif);
background-position: bottom;
background-repeat: no-repeat;
width: 575px;
height: 10px;
padding: 0px;
font-size: 0.1em;
line-height: 0px;
margin-bottom: 10px;
}
#col2_content div.wideGreenTop h1{
float: left;
padding: 0;
margin: 0 0 0 10px;
color: #013888;
font-size: 1.5em;
line-height: 1.3em;
font-family: Arial, Helvetica, sans-serif;
}
#col2_content div.wideGreenTop p.topRight{
clear: right;
float: right;
padding: 0;
margin: 3px 10px 0px 0px;
font-size: 1.1em;
}
div.spacer { clear: both; padding:0px; margin:0px; font-size:1px; line-height:1px;}
#col2_content p{
padding: 5px 15px 10px 15px;
}
#col2_content ol.adviceSteps{
padding: 0;
margin: 5px 0 10px 0;
float: left;
list-style: none;
}
#col2_content ol.adviceSteps li{
padding: 0;
margin: 0;
float: left;
}
#col2_content ol.adviceSteps li.step1on{
background-image: url(img/step_01_on.gif);
height: 48px;
width: 192px;
}
#col2_content ol.adviceSteps li.step1off{
background-image: url(img/step_01_off.gif);
height: 48px;
width: 192px;
}
#col2_content ol.adviceSteps li.step2on{
background-image: url(img/step_02_on.gif);
height: 48px;
width: 200px;
}
#col2_content ol.adviceSteps li.step2off{
background-image: url(img/step_02_off.gif);
height: 48px;
width: 200px;
}
#col2_content ol.adviceSteps li.step3on{
background-image: url(https://gurkhajustice.org.uk//stylesheets/img/step_03_on.gif);
height: 48px;
width: 178px;
}
#col2_content ol.adviceSteps li.step3off{
background-image: url(img/step_03_off.gif);
height: 48px;
width: 178px;
}
#col2_content ul.alphaPick{
width: 450px;
list-style: none;
float: left;
padding: 0;
margin: 10px 0px 10px 65px;
}
#col2_content ul.alphaPick li{
height: 32px;
width: 32px;
margin: 1px;
background-color: #42BB48;
color: white;
font-weight: bold;
font-size: 1.4em;
text-indent: 8px;
line-height: 32px;
float: left;
}
#col2_content ul.alphaPick li.on{
background-color: #CEF3D1;
}
#col2_content ul.alphaPick li.disabled{
background-color: #A1A1A1;
}
#col2_content ul.alphaPick li a{
color: white;
}
#col2_content div.wideBlueTop{
float: left;
background-color: #E4EBF3;
background-image: url(img/wide_blue_top.gif);
background-position: top;
background-repeat: no-repeat;
width: 565px;
padding: 8px 5px 0px 5px;
}
#col2_content div.wideBlueMain{
float: left;
margin-top: 2px;
background-color: #E4EBF3;
width: 565px;
padding: 8px 5px 0px 5px;
}
#col2_content div.wideBlueBot{
float: left;
background-color: #E4EBF3;
background-image: url(img/wide_blue_bot.gif);
background-position: bottom;
background-repeat: no-repeat;
width: 575px;
height: 10px;
padding: 0px;
font-size: 0.1em;
line-height: 0px;
margin-bottom: 10px;
}
#col2_content div.wideBlueTop h1,
#col2_content div.wideBlueTop h2{
text-indent: 25px;
}
#col2_content div.wideBlueMain ul{
list-style: none;
margin: 0 0 10px 0;
padding: 0;
width: 560px;
float: left;
}
#col2_content div.wideBlueMain ul li{
background-image: url(img/blue_arrow.gif);
background-repeat: no-repeat;
background-position: 0 6px;
padding: 5px 5px 5px 12px;
margin: 0 0 0 22px;
float: left;
width: 230px;
}
div.adv_Q{
float: left;
width: 535px;
background-position: bottom;
background-repeat: no-repeat;
margin: 10px 0 10px 0;
padding: 0 20px 25px 20px;
}
div.adv_ToolName{
float: left;
width: 535px;
background-position: bottom;
background-repeat: no-repeat;
margin: 10px 0 10px 0;
padding: 0 20px 5px 20px;
background: #e2f0cf url(img/wide_green_bot.gif) no-repeat center bottom;
}
div.adv_ToolName h3{
color: #033886 !important;
background: #e2f0cf url(img/wide_green_top.gif) no-repeat center top;
line-height: 1.2em;
font-size: 1.1em;
margin: 0 -20px;
padding: 10px 20px;
border-bottom: 2px solid white;
}
div.adv_Q p {
margin: 1em 0;
line-height: 1.3em;
}
div.adv_Q h3{
margin: 0;
padding: 0;
line-height: 1.2em;
font-size: 1.1em;
}
div.adv_Q h4{
background-position: top;
background-repeat: no-repeat;
text-indent: 15px;
padding: 8px 0 8px 0 !important;
border-bottom: 2px solid white;
float: left;
width: 575px;
}
div.qInactive{
background: #EBEBEB url(img/wide_grey_bot.gif) no-repeat center bottom;
}
#qActive.Employment { background: #c8eef9 url(img/wide_blue_bot.gif) no-repeat center bottom; }
#qActive.Benefits { background: #feebba url(img/wide_yellow_bot.gif) no-repeat center bottom; }
#qActive.Education { background: #eae2f0 url(img/wide_purple_bot.gif) no-repeat center bottom; }
#qActive.Debt { background: #fcdce8 url(img/wide_pink_bot.gif) no-repeat center bottom; }
#qActive.Housing { background: #d0ecec url(img/wide_turk_bot.gif) no-repeat center bottom; }
#qActive.Family { background: #fee7ds url(img/wide_orange_bot.gif) no-repeat center bottom; }
#qActive.Government { background: #e2f0cf url(img/wide_green_bot.gif) no-repeat center bottom; }
div.qInactive h3{
color: #666666 !important;
background: #EBEBEB url(img/wide_grey_top.gif) no-repeat center top;
}
#qActive.Employment h3{ background: #c8eef9 url(img/wide_blue_top.gif) no-repeat center top; }
#qActive.Benefits h3{ background: #feebba url(img/wide_yellow_top.gif) no-repeat center top; }
#qActive.Education h3{ background: #eae2f0 url(img/wide_purple_top.gif) no-repeat center top; }
#qActive.Debt h3{ background: #fcdce8 url(img/wide_pink_top.gif) no-repeat center top; }
#qActive.Housing h3{ background: #d0ecec url(img/wide_turk_top.gif) no-repeat center top; }
#qActive.Family h3{ background: #fee7ds url(img/wide_orange_top.gif) no-repeat center top; }
#qActive.Government h3{ background: #e2f0cf url(img/wide_green_top.gif) no-repeat center top; }
div.adv_Q h3 {
margin: 0 -20px;
padding: 20px;
border-bottom: 2px solid white;
}
div.adv_Q ul.input{
float: left;
list-style: none;
margin: 0 0 0 -20px;
padding: 0;
}
* html div.adv_Q ul.inp\ut {
padding-left: 20px;
margin-right: -20px;
}
div.adv_Q ul.input li{
float: left;
height: 30px;
line-height: 28px;
border-bottom: 2px solid white;
}
div.qActive ul li{
background-color: #EDF0F5;
}
/*div.qActive ul li.on{
background-color: #C7D4E5;
}*/
div.qInactive ul.input li{
background-color: #F1F1F1;
}
div.qInactive ul.input li.on{
background-color: #D6D6D6;
}
div.adv_Q ul.input li a{
float: left;
width: 550px;
height: 30px;
padding-left: 25px;
background-image: url(img/blue_arrow.gif);
background-repeat: no-repeat;
background-position: 14px 6px;
}
div.qInactive ul.input li a{
background-image: url(img/grey_arrow.gif);
color: #666666 !important;
}
div.qInactive ul.input li.on a{
background-image: url(img/green_arrow.gif);
color: #666666 !important;
}
div.qActive ul.input li a:active,
div.qActive ul.input li a:focus,
div.qActive ul.input li a:hover{
background-color: #C7D4E5 !important;
}
div.qInactive ul.input li a:active,
div.qInactive ul.input li a:focus,
div.qInactive ul.input li a:hover{
background-color: #D6D6D6 !important;
}
/* BSL */
#bsl{
padding: 10px;
/*border: 1px dashed green;*/
}
#bsl #pagetext{
float: left;
width: 380px;
margin-left: 10px;
/*border: 1px dashed yellow;*/
}
* html #bsl #pagetext{
margin-left: 5px;
}
#bsl h1,
#bsl h2{
color: #013888;
font-size: 2em;
line-height: 1em;
font-family: Arial, Helvetica, sans-serif;
margin: 2px 0px 2px 0px;
padding: 4px 0px 4px 0px;
}
#bsl h2{
font-size: 1.8em;
}
#bsl h3{
color: #013888;
font-size: 1.6em;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 2px 0px 2px 0px;
}
#bsl #playerdiv{
float: right;
clear: right;
width: 340px;
}
#bsl #guide,
#bsl #chapters{
float: left;
width: 745px;
margin-top: 20px;
}
* html #bsl #guide,
* html #bsl #chapters{
margin-left: 5px;
width: 730px;
}
#bsl #guide div.leaflet{
clear: left;
float: left;
width: 730px;
margin-bottom: 20px;
}
#bsl #guide div.leaflet div.leaflets{
background-image: url(img/bsl_leaflets_bg.gif);
}
#bsl #guide div.leaflet div.helpline{
background-image: url(img/bsl_helpline_bg.gif);
}
#bsl #guide div.leaflet div.adviser{
background-image: url(img/bsl_adviser_bg.gif);
}
#bsl #guide div.leaflet div.vidguide{
float: left;
margin: 0 10px 0 20px;
}
* html #bsl #guide div.leaflet div.vidguide{
margin: 0 10px 0 10px;
}
#bsl #guide div.leaflet div.vidguide img{
padding: 0;
margin: 0;
}
#bsl #guide div.leaflet div.txtguide{
float: left;
width: 506px;
height: 182px;
background-repeat: no-repeat;
background-position: top left;
}
#bsl #guide div.leaflet div.txtguide h3{
margin: 10px 10px 0px 180px;
color: #013888;
}
#bsl #guide div.leaflet div.txtguide h3 a{
color: #013888 !important;
}
#bsl #guide div.leaflet div.txtguide p{
margin: 5px 10px 0px 180px;
}
#bsl p a{
font-weight: bold;
text-decoration: underline;
}
#bsl #chapters,
#bsl #movies{
margin: 0 0 0 10px;
}
#bsl #chapters div.chaptertablist,
#bsl #movies div.movietablist{
/*background-color: #d3d3d3;*/
float: left;
margin-top: 20px;
}
#bsl #chapters div.chaptertablist ul,
#bsl #movies div.movietablist ul{
list-style: none;
margin: 0;
padding: 0;
clear: left;
float: left;
}
#bsl #chapters div.chaptertablist li,
#bsl #movies div.movietablist li{
float: left;
width: 132px;
height: 37px;
border-bottom: 1px solid #CECECE;
}
#bsl #chapters div.chaptertablist li.tab1space,
#bsl #movies div.movietablist li.tab1space{
width: 588px;
}
#bsl #chapters div.chaptertablist li.tab2space,
#bsl #movies div.movietablist li.tab2space{
width: 452px;
}
#bsl #chapters div.chaptertablist li.tab3space,
#bsl #movies div.movietablist li.tab3space{
width: 316px;
}
#bsl #chapters div.chaptertablist li.tab4space,
#bsl #movies div.movietablist li.tab4space{
width: 180px;
}
#bsl #chapters div.chaptertablist li.tab5space,
#bsl #movies div.movietablist li.tab5space{
width: 44px;
}
#bsl #chapters div.chaptertablist li.gap,
#bsl #movies div.movietablist li.gap{
width: 4px;
height: 37px;
border-bottom: 1px solid #CECECE;
}
#bsl #chapters div.chaptertablist li.on,
#bsl #movies div.movietablist li.on{
border-bottom: none;
}
#bsl #chapters div.chaptertablist li a{
background-image: url(img/chapter_tab.gif);
width: 80px;
height: 37px;
line-height: 35px;
font-size: 1.4em;
padding-left: 52px;
color: gray;
float: left;
}
#bsl #movies div.movietablist li a{
background-image: url(img/chapter_tab.gif);
width: 124px;
height: 37px;
line-height: 35px;
font-size: 1.4em;
padding-left: 8px;
color: gray;
float: left;
}
#bsl #chapters div.chaptertablist li.on a,
#bsl #movies div.movietablist li.on a{
color: black;
}
#bsl #chapters div.chapterbody{
clear: left;
float: left;
width: 702px;
padding: 10px 10px 10px 10px;
margin: 0;
border-left: 1px solid #CECECE;
border-right: 1px solid #CECECE;
}
#bsl #movies div.moviebody{
clear: left;
float: left;
width: 702px;
padding: 10px 10px 10px 10px;
margin: 0;
/*background-color: #d3d3d3;*/
/*border-left: 1px solid #CECECE;
border-right: 1px solid #CECECE;*/
}
#bsl #chapters div.chapterbottom,
#bsl #movies div.moviebottom{
clear: left;
float: left;
width: 724px;
height: 7px;
padding: 0;
margin: 0;
border: 0;
background-image: url(img/chapter_bot.gif);
background-position: bottom;
background-repeat: no-repeat;
line-height: 0;
}
#bsl #chapters div.chapterbody div.chapter,
#bsl #movies div.moviebody div.movie{
float: left;
margin: 10px 0 5px 0;
}
* html #bsl #chapters div.chapterbody div.chapter,
* html #bsl #movies div.moviebody div.movie{
margin-left: 0;
}
#bsl #chapters div.chapterbody div.chapter div.vidguide,
#bsl #movies div.moviebody div.movie div.vidguide{
float: left;
margin: 0 10px 0 10px;
}
* html #bsl #chapters div.chapterbody div.chapter div.vidguide,
* html #bsl #movies div.moviebody div.movie div.vidguide{
margin-left: 5px;
}
#bsl #chapters div.chapterbody div.chapter div.txtguide{
float: left;
height: 168px;
}
#bsl #movies div.moviebody div.movie div.txtguide{
float: left;
height: 177px;
}
#bsl #chapters div.chapterbody div.chapter div.txtguide {
padding-top: 10px;
width : 489px;
}
#bsl #chapters div.chapterbody div.chapter div.green {
background-color: #D5E9B8;
background-image: url(img/box_top_489.gif);
background-repeat: no-repeat;
background-position: top left;
}
div.top489{
width: 489px;
background-image: url(img/box_top_489.gif);
background-repeat: no-repeat;
background-position: top left;
}
div.bot489{
float: left;
width: 489px;
height: 6px;
font-size: 0;
line-height: 0;
background-image: url(img/box_bot_489.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
div.education_bg{
background-color: #B0E5F5;
}
div.debt_bg{
background-color: #FEE5AC;
}
div.benefits_bg{
background-color: #E0D4E8;
}
div.housing_bg{
background-color: #F8CCDD;
}
div.employment_bg{
background-color: #B6E0DF;
}
div.family_bg{
background-color: #FBDCC0;
}
div.govlaw_bg{
background-color: #D5E9B8;
}
#bsl #chapters div.chapterbody div.chapter div.txtguide h3,
#bsl #movies div.moviebody div.movie div.txtguide h3{
margin: 5px 10px 10px 10px;
}
#bsl #chapters div.chapterbody div.chapter div.txtguide p,
#bsl #movies div.moviebody div.movie div.txtguide p{
margin: 10px 10px 0px 10px;
}
#bsl #chapters div.chapterbody div.chapter div.txtguide h3 a,
#bsl #movies div.moviebody div.movie div.txtguide h3 a{
color: #013888 !important;
line-height: 1em;
}
#bsl #chapters div.chapterbody div.chapter div.txtguide p a,
#bsl #movies div.moviebody div.movie div.txtguide p a{
background-image: url(img/green_arrow.gif) !important;
background-repeat: no-repeat;
background-position: left;
padding-left: 13px;
}
#bsl #transcript{
padding: 0 30px 0 30px;
}
div.bsltrans{
padding:10px 20px 10px 20px;
}
/* glossary */
div.glossary{
margin: 0;
padding: 5px;
}
div.glossary h3{
font-size: 1em;
}
div.glossary ul{
margin: 0;
padding: 0;
}
div.glossary ul li{
background-color: #e7e7e7;
margin-bottom: 2px;
padding: 3px;
background-image: none;
}
div.glossary ul li span.title{
font-weight: bold;
}
div.glossary div.atoz{
float: left;
margin: 5px 0 15px 0;
list-style: none;
width: 100%;
}
div.glossary div.atoz li{
float: left;
padding: 0;
margin: 0 2px 2px 0;
}
div.glossary div.atoz li a{
float: left;
color: #666666;
border: 1px solid #c7c7c7;
background-color: #e7e7e7;
font-weight: bold;
text-decoration: none;
text-align: center;
}
div.glossary div.atoz li span{
display: block;
padding: 5px;
}
div.glossary div.atoz li a span{
float: left;
padding: 3px 7px;
display: block;
}
div.glossary div.atoz li a:hover,div.glossary div.atoz li a:active,div.glossary div.atoz li a.current{
background-color: #FEA106;
border: 1px solid #9c9258;
}
div.glossary div.atoz li a.inactive{
color: #d0d0d0;
}
div.glossary input.button{
background-color: #cccccc;
border: 1px solid #999999;
cursor: pointer;
margin-left: 2px;
}
/* glossary print */
body.glossaryprint{
font-size: 0.9em;
padding: 20px;
padding-top: 45px;
background-position: 98% 10px;
background-image: url(https://gurkhajustice.org.uk//stylesheets/img/hpa_logo.gif);
background-repeat: no-repeat;
}
body.glossaryprint p{
font-size: 0.9em;
}
body.glossaryprint div.glossary ul{
margin: 0 10px;
padding: 0;
}
body.glossaryprint div.glossary ul li{
color: #333333;
background-color: #ffffff;
margin-bottom: 8px;
}
body.glossaryprint div.glossary ul li span.title{
font-weight: bold;
}
body.glossaryprint div.glossary ul li p{
margin: 0;
padding: 0;
font-size: 0.9em;
}