File: /home/gurkhajustice.org.uk/public_html/stylesheets/style_en.css
body {
padding: 0;
margin: 0;
font-size: 0.8em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: Black;
line-height: 1.3em;
}
h1,h2,h3,h4,h5,h6{
color: #013888;
}
a{
color: Black;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
img{
border: 0;
}
hr, .clear{
clear: left;
float: left;
width: 100%;
margin: 5px 0px 5px 0px;
}
#outer {
width: 100%;
text-align: center;
}
#page {
width: 770px;
margin: 0px auto auto auto;
text-align: left;
padding: 0px;
}
#page_footer {
clear: left;
float: left;
height: 100px;
width: 770px;
background: url(img/footer.gif) no-repeat;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#page_footer_inner {
float: left;
padding: 10px 0px 0px 0px;
margin: 30px 100px 10px 20px;
}
#top {
width: 738px;
float: left;
background-color: white;
padding: 20px 10px 10px 20px;
border-left: 2px solid #0C418F;
}
#top_logo{
float: left;
}
#top_main{
float: right;
width: 585px;
text-align: right;
}
#top_main .title, #top_main .topstrap{
color: #013888;
margin: 20px 10px 10px 0px;
font-size: 1.9em;/*custom*/
font-family: Arial, Helvetica, sans-serif;
line-height: 1em;
}
#top_main .title_bold{
color: #013888;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
#top_nav {
margin: 0;
padding: 0;
float: left;
background-color: white;
border-top: 2px solid #5AAC26;
border-bottom: 2px solid #5AAC26;
border-left: 2px solid #0C418F;
height: auto;/*custom*/
}
#top_nav ul{
float: left;
background-color: white;
padding: 0;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
width: 768px;
}
#top_nav li{
float: left;
display: inline;
background-color: white;
padding: 10px 0px 10px 0px;
margin: 0;
border-right: 2px solid #5AAC26;
text-align: center;
}
#top_nav li.first{
width: 106px;
}
#top_nav li.second{
width: 113px;
}
#top_nav li.third{
width: 168px;
}
#top_nav li.fourth{
width: 184px;
}
#top_nav li.fifth{
width: 189px;
border-right: 0;
}
#top_nav a{
font-weight: bold;
}
#top_nav li.on{
background-color: #DEEED4;
}
#content_wrapper {
float: left;
margin: 0;
padding: 0;
background-color: white;
border-left: 2px solid #0C418F;
}
#main_content{
background-color: white;
/*border: 1px dashed blue;*/
}
#full_body{
width: 768px;
}
#left_col {
width: 169px;
float: left;
padding: 0px;
margin: 0px;
background-color: white;
}
#left_col #green{
min-height: 140px;
background-color: #DEEED4;
padding: 0;
margin: 0px;
color: #013888;
}
#left_col #green p{
padding: 10px 20px 0px 20px;/*custom*/
margin: 0px;
font-weight: bold;
}
#left_col #blue{
background: #E4EBF3 url(http://gurkhajustice.org.uk/images/blue_topright.gif) no-repeat top right;
padding: 20px 5px 10px 20px;
margin: 0px;
color: #013888;
}
#left_col #blue_flattop{
background: #E4EBF3;
padding: 20px 5px 10px 20px;
margin: 0px;
color: #013888;
}
#left_col #blue_bottom{
background: #E4EBF3 url(http://gurkhajustice.org.uk/images/blue_bottomright.gif) no-repeat bottom right;
padding: 0px 0px 0px 0px;
margin: 0px;
}
#left_col #blue h2, #left_col #blue_flattop h2,
#section_nav h2, p.leftHead {
color: #013888;
font-size: 1.3em;
font-family: Arial, Helvetica, sans-serif;
margin: 2px 0px 2px 0px;
padding: 2px;
}
#left_col #blue .contact, #left_col #blue_flattop .contact{
color: black;
font-size: 1.4em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0px;
padding: 5px 0px 5px 0px;
}
#left_col #section_nav{
padding: 20px 5px 20px 10px;
margin: 0px 0px 20px 0px;
color: #013888;
background: #DEEED4 url(img/green_section_b.gif) no-repeat bottom right
}
#left_col #white{
padding: 5px 15px 10px 20px;
margin: 15px 0px 0px 0px;
}
#left_col #white .contact{
margin: 2px 0px 10px 0px;
color: #6DB641;
font-size: 1.4em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
#left_col #white h2{
margin: 4px 0px 4px 0px;
color: black;
font-size: 1.3em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
/* ---=== START: List styles ===--- */
ul, ol{
border: 0;
margin: 5px 5px 10px 25px;
padding: 5px;
}
ul.plainlist{
/*border: 1px dashed green;*/
margin: 0px;
padding: 0px;
}
li.plainlist{
list-style: none;
/*border: 1px dashed red;*/
margin: 0px;
padding: 1px;
width: auto;
}
ul.subNavList, ul.langNavList{
padding: 0;
margin: 4px 0px 8px 0px;
}
ul.subNavList li{
display: inline;
border-right: 1px solid black;
padding: 0px 6px 0px 6px;
margin: 0;
}
ul.langNavList li{
display: inline;
padding: 0px 3px 0px 3px;
margin: 0px;
border-right: 1px dashed gray;
}
ul.subNavList li.lastListRight, ul.langNavList li.lastListRight{
border-right: 0;
}
ul.sectionNavList{
color: Black;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1em;
margin: 0px;
padding: 0px 5px 0px 0px;
}
ul.sectionNavList li{
padding: 0px 0px 10px 0px;
margin: 10px 0px 0px 16px;
text-decoration: underline;
border-bottom: 1px solid gray;
list-style: url(img/green_arrow.gif);
}
ul.sectionNavList ul{
margin-bottom: 0;
}
ul.sectionNavList ul li{
border: 0;
}
ul.greenBulletList, ul.greenArrowList{
margin: 2px 1px 2px 14px;
padding: 0;
font-size: 0.8em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
ul.greenBulletList li{
list-style: url(https://gurkhajustice.org.uk//stylesheets/img/green_bullet.gif);
margin: 0px 0px 2px 0px;
padding: 0;
}
ul.pagination li{
display: inline;
margin: 3px;
}
ul.pagination li.next{
display: inline;
margin: 3px;
border-left: 2px solid #013888;
padding: 0px 0px 0px 6px;
}
ul.pagination li.prev{
display: inline;
margin: 3px;
border-right: 2px solid #013888;
padding: 0px 6px 0px 0px;
}
ul.greenArrowList li{
list-style: url(img/green_arrow.gif);
margin: 0px 0px 2px 0px;
padding: 0;
}
ul.blueArrowList, ul.blueArrowListCompact, ul.blueArrowListSpaced, ul.pagination{
margin: 2px 1px 12px 2px;
padding: 0px;
font-size: 0.9em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
ul.blueArrowList li{
margin: 5px 0px 2px 16px;
padding: 0px 0px 2px 0px;
list-style: url(img/blue_arrow.gif);
}
ul.blueArrowListCompact li{
margin: 1px 0px 1px 16px;
padding: 0px 0px 2px 0px;
list-style: url(img/blue_arrow.gif);
}
ul.blueArrowListSpaced li{
margin: 14px 0px 14px 16px;
padding: 0px 0px 2px 0px;
list-style: url(img/blue_arrow.gif);
}
/* ---=== END: List styles ===--- */
#left_col #white hr{
color: #6DB641;
height: 1px;
}
#left_col.home{
width: 189px;
}
#left_col input{
font-size: 0.9em;
}
#left_col .search{
width: 100px;
}
#left_col .vsmallSelect{
width: 13em;
font-size: 0.8em;
line-height: normal;
}
#left_col .smallSelect{
width: 13em;
font-size: 0.9em;
line-height: normal;
}
#left_col #white p{
margin: 4px 0px 4px 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#breadcrumb {
background-color: white;
padding: 4px 4px 4px 20px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
border: 0;
}
#main_content {
float: left;
padding: 0;
margin: 0;
width: 599px;
}
#main_content.home{
width: 579px;
}
#main_top {
padding: 0;
margin: 0;
}
#main_top #searchbox{
text-align: right;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#main_body {
float: left;
width: 400px;
background-color: white;
padding: 10px 5px 10px 13px;
border: 0;/*1px dashed red;*/
margin: 0;
}
#col2_body{
float: right;
width: 597px;
background-color: white;
/*border: 1px dashed red;*/
padding: 0;
margin: 0;
}
#col2_content{
float: left;
background-color: white;
padding: 10px;
/*border: 1px dashed green;*/
margin: 0;
}
#main_body.home{
width: 380px;
padding: 5px 10px 10px 0px;
}
#home_search{
float: left;
min-height: 140px;
width: 579px;
padding: 0;
margin: 0;
background: #E6DBC5 url(https://gurkhajustice.org.uk//stylesheets/img/top_search_.gif) no-repeat top right;
}
#home_search #advice{
float: left;
width: 169px;
padding: 10px 0px 0px 10px;/*custom*/
}
#home_search #how_to{
float: left;
padding: 15px 0px 0px 0px;
}
#home_search #advice p{
margin: 3px 1px 2px 1px;
padding: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#home_search #searchbox{
float: right;
}
#main_rhs{
width: 168px;
float: right;
padding: 0px 0px 0px 0px;
background-color: white;
/*border: 1px dashed gray;*/
}
#main_rhs #rhs_searchbox{
float: right;
width: 168px;
/*width: 170px;*/
text-align: right;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
padding: 10px 0px 15px 0px;
background: white url(https://gurkhajustice.org.uk//stylesheets/img/search_background.gif) no-repeat right;
}
#main_rhs #rhs_browse{
float: left;
background-color: white;
border-left: 1px solid silver;
margin: 0px 0px 0px 1px;
padding: 10px 5px 10px 5px;
}
#main_rhs h3, #main_top #searchbox h3, #searchbox label, #rhs_searchbox label{
margin: 3px 0px 4px 0px;
padding: 0px 5px 0px 0px;
color: #013888;
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
#main_rhs #rhs_searchbox h3, #rhs_searchbox label{
margin: 16px 0px 0px 0px;
}
#page_footer p{
padding: 10px 4px 4px 10px;
}
#page_footer p.inline{
float: left;
padding: 10px 4px 4px 10px;
}
#main_banner{
min-height: 140px;
padding: 0;
margin: 0;
background-color: #E6DBC5;
background-position: right;
background-repeat: no-repeat;
}
.main_banner_home{
background-image: url(https://gurkhajustice.org.uk//stylesheets/img/top_about.jpg);
}
.main_banner_about{
background-image: url(https://gurkhajustice.org.uk//stylesheets/img/top_about.jpg);
}
.main_banner_ylr{
background-image: url(https://gurkhajustice.org.uk//stylesheets/img/top_ylr.jpg);
}
.main_banner_cigla{
background-image: url(https://gurkhajustice.org.uk//stylesheets/img/top_cigla.jpg);
}
.main_banner_fala{
background-image: url(https://gurkhajustice.org.uk//stylesheets/img/top_fala.jpg);
}
.main_banner_adviser{
background-image: url(http://gurkhajustice.org.uk/images/top_adviser.jpg);
}
#main_banner #banner_caption{
float: left;
margin: 20px 10px 20px 0px;
width: 290px;
padding: 13px 5px 0px 33px;
}
#main_banner #banner_caption .banner_title{
color: #013888;
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0px 0px 5px 0px;
}
#main_banner #banner_caption .caption_smaller{
/*color: #013888;
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0px 0px 5px 0px;*/
font-size: 0.8em;
}
#searchbox{
float: right;
margin: 20px 1px 2px 2px;
padding: 13px 5px 0px 10px;
}
.rhs_seachInput{
width: 140px;
}
#searchbox p, #rhs_searchbox p{
padding: 1px 5px 1px 0px;
margin: 0;
text-align: right;
}
#main_body a, #rhs_browse a{
font-weight: bold;
color: #033888;
}
#main_body a:active, #rhs_browse a:active,
#main_body a:focus, #rhs_browse a:focus{
font-weight: bold;
color: #FFFFFF;
background-color: #348b2e;
}
.feature_box_green{
float: left;
width: 386px;
border: 0;
margin: 10px auto 0px 0px;
padding: 0px;
}
.feature_box_lilac{
float: left;
width: 386px;
border: 0;
margin: 10px auto 10px 0px;
padding: 0px;
}
#main_body h2.feature_box{
padding: 10px 10px 2px 10px;
}
#main_body h1.feature_box{
padding: 10px 10px 2px 10px;
font-size: 1.4em;
}
.feature_box_green_top{
width: 386px;
padding: 0px 0px 0px 0px;
margin: 0px;
float: left;
background: #DEEED4 url(https://gurkhajustice.org.uk//stylesheets/img/green_box_t.gif) no-repeat top;
}
.feature_box_lilac_top{
width: 386px;
padding: 0px 0px 0px 0px;
margin: 0px;
float: left;
background: #E9E7F2 url(https://gurkhajustice.org.uk//stylesheets/img/lilac_box_t.gif) no-repeat top;
}
.feature_box_green_middle{
width: 386px;
padding: 0px 0px 10px 0px;
margin: 0px;
float: left;
background: #DEEED4 url(https://gurkhajustice.org.uk//stylesheets/img/green_box_b.gif) no-repeat bottom;
}
.feature_box_lilac_middle{
width: 386px;
padding: 0px 0px 10px 0px;
margin: 0px;
float: left;
background: #E9E7F2 url(https://gurkhajustice.org.uk//stylesheets/img/lilac_box_b.gif) no-repeat bottom;
}
.feature_box_left_image{
float: left;
margin: 0px 10px 0px 10px;
}
.feature_box_right_text{
float: left;
padding: 0px;
margin: 0;
width: 220px;
}
.feature_box_green ul, .feature_box_lilac ul{
margin-left: 5px;
padding: 0;
list-style: url(img/blue_arrow.gif);
}
.feature_box_green li, .feature_box_lilac li{
margin-left: 15px;
padding: 0;
margin-top: 5px;
}
#main_body p.feature_box, #main_body.home p{
padding: 0;
margin: 0;
}
#main_body h1,
#col2_content h1{
color: #013888;
font-size: 1.5em;
font-family: Arial, Helvetica, sans-serif;
margin: 2px 0px 2px 0px;
padding: 4px 0px 4px 0px;
}
#main_body h2,
#col2_content h2{
color: #013888;
font-size: 1.3em;
font-family: Arial, Helvetica, sans-serif;
margin: 2px 0px 2px 0px;
padding: 4px 0px 4px 0px;
}
#main_body h3,
#col2_content h3{
color: #013888;
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 2px 0px 2px 0px;
}
#main_body h4,
#col2_content h4{
color: #013888;
font-size: 1.1em;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 2px 0px 2px 0px;
}
#main_body h5,
#col2_content h5{
color: #013888;
font-size: 1.0em;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 2px 0px 2px 0px;
}
#main_body h6,
#col2_content h6{
color: #013888;
font-size: 0.9em;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 2px 0px 2px 0px;
}
#main_body p{
margin: 4px 0px 4px 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 4px 4px 4px 1px;
/*border: 1px dashed blue;*/
}
form{
display: inline;
}
div.advancedsearchpanel{
clear: left;
background-color: #E4EBF3;
padding: 7px;
margin: 10px 0 10px 0;
}
div.advancedsearchpanel ul{
margin: 0 0 0 15px;
}
div.advancedsearchpanel li{
list-style: url(img/blue_arrow.gif);
}
div.advancedsearchpanel li.back{
list-style: url(img/black_arrow_left.gif);
}
hr{
height: 1px;
color: #c0c0c0;
}
div.shortbanner{
float: left;
background: #ffffff url(http://gurkhajustice.org.uk/images/shortbanner.gif) no-repeat top;
color: #013888;
font-weight: bold;
height: 28px;
width: 400px;
padding: 0;
margin: 12px 0 8px 0;
}
div.shortbanner div{
padding: 4px 0 0 12px;
}
#main_body h2.shortbanner, #main_body h3.shortbanner{
padding: 4px 0 0 10px;
}
div.mediumlilacbanner{
background: #ffffff url(https://gurkhajustice.org.uk//stylesheets/img/mediumlilacbanner.gif) no-repeat top left;
font-weight: bold;
height: 83px;
width: 400px;
padding-top: 7px;
margin: 12px 0 8px 0;
font-size: 1.0em;
}
div.mediumlilacbanner div{
padding: 4px 0 0 12px;
}
div.lilacBorder{
padding: 0;
width: 400px;
margin: 10px 0px 10px 0px;
}
div.lilacBorder div.top{
background: #ffffff url(https://gurkhajustice.org.uk//stylesheets/img/lilacBorderTop.gif) no-repeat bottom left;
height: 9px;
margin: 0;
padding: 0;
}
div.lilacBorder div.main{
border-left: 2px solid #1C4C94;
padding: 1px 0px 1px 5px;
margin: 0;
background-color: #E7E9F5;
}
div.lilacBorder div.main p{
margin: 0;
padding: 0;
}
div.lilacBorder div.bot{
background: #ffffff url(https://gurkhajustice.org.uk//stylesheets/img/lilacBorderBot.gif) no-repeat top right;
height: 9px;
margin: 0;
padding: 0;
}
div.borderedgreenbanner{
background: #ffffff url(img/borderedgreenbannertop.gif) no-repeat top left;
width: 400px;
padding: 10px 0 0 0;
margin: 12px 0 8px 0;
font-size: 1.0em;
float: left;
}
div.borderedgreenbanner div.inner{
padding: 0 10px 0 10px;
float: left;
}
p.header{
font-weight: bold;
color: #003A8A;
}
div.borderedgreenbannerbottom{
background: #ffffff url(img/borderedgreenbannerbottom.gif) no-repeat top left;
width: 400px;
height: 9px;
float: left;
margin: 0;
padding: 0;
}
/* ---=== START: Feedback form ===--- */
.feedbackLabel{
float: left;
width: 135px;
margin: 0px;
font-weight: bold;
}
.feedbackLabelPad{
float: left;
clear: left;
width: 120px;
margin: 0px 0px 0px 15px;
}
.formlabelBold{
padding: 5px 0px 0px 0px;
font-weight: bold;
}
.formlabel{
padding: 5px 0px 0px 0px;
}
#feedbackformdisplay{
padding: 0px 0px 10px 10px;
}
div.formRowRight{
width: 100%;
text-align: right;
}
.feedbackfield{
width: 200px;
}
.feedbackselect{
width: 350px;
}
.feedbackarea{
width: 335px;
height: 70px;
}
/* ---=== END: Feedback form ===--- */
/* ---=== START: Advisor search form ===--- */
div.formRow{
width: 100%;
clear: left;
float: left;
display: inline;
margin: 5px 0px 0px 0px;
}
div.form2Col{
float: left;
width: 195px;
}
div.formSubmit{
float: left;
width: 100%;
text-align: right;
}
.search_head{
clear: left;
float: left;
font-weight: bold;
}
span.search_help{
float: right;
text-align: right;
}
.search_box{
width: 200px;
}
p.form_error, ul.form_error{
color: Red;
font-weight: bold;
}
/* ---=== END: Advisor search form ===--- */
/* ---=== START: Search results ===--- */
ul.searchresults{
list-style: none;
margin: 10px 0px 10px 5px;
padding: 0;
}
li.searchresult{
float: left;
width: 390px;
margin: 5px 0px 5px 0px;
padding: 5px 0px 10px 0px;
border-bottom: 1px solid silver;
page-break-inside: avoid;
}
div.result_left{
float: left;
width: 270px;
}
div.result_right{
float: left;
width: 120px;
}
div.result_bottom{
clear: left;
float: left;
width: 100%;
}
/* ---=== END: Search results ===--- */
/* ---=== START: Search detail ===--- */
div.detail_left{
float: left;
/* border: 1px dashed blue;*/
width: 180px;
}
div.detail_right{
float: left;
width: 200px;
/* border: 1px dashed yellow;*/
}
.shortlabel{
float: left;
width: 165px;
font-weight: bold;
}
.longtext{
width: 195px;
}
.longtextarea{
width: 340px;
height: 100px;
}
.indent_input{
float: left;
margin: 0px 5px 3px 20px;
}
div.right_align{
float: right;
margin: 0px 5px 3px 2px;
}
div.formRowDashed{
width: 100%;
clear: left;
float: left;
display: inline;
margin: 5px 0px 0px 0px;
border-bottom: 1px dashed silver;
}
.catlevelA{
background-color: #D0FBD0;
}
.catlevelB{
background-color: #D0EFF0;
}
.catlevelC{
background-color: #E7D0EC;
}
.catlevelD{
background-color: #FFD0BD;
}
p.edit_warning {
color: red;
font-weight: bold;
}
/* ---=== END: Search detail ===--- */
.onlyPrint, .onlyPrintInline, .hide{
display: none;
margin: 0;
}
.onlyDisplay{
display: block;
}
.onlyDisplayInline{
display: inline;
}
div.searchresultleaflet{
background-color: #DEF1D1;
padding: 10px;
}
/* advisorsearch special */
input.buttonaslink{
display: inline;
border: 0;
background: transparent;
margin: 0;
padding: 0;
cursor: pointer;
font-weight: bold;
color: #033888;
text-align: left;
font-size: 1.1em;
}
input.buttonaslink:hover{
text-decoration: underline;
}
/* call me back form */
form.callmeback label{
float: left;
clear: left;
width: 160px;
margin-left: 10px;
padding-top: 8px;
}
form.callmeback label.right{
float: left;
clear: none;
width: 160px;
margin-left: 10px;
padding-top: 8px;
}
form.callmeback input,
form.callmeback select{
margin: 4px 0px 1px 0px;
width: 180px;
}
form.callmeback input.check{
margin-top: 6px;
width: 30px;
clear: left;
float: left;
}
form.callmeback p.submit{
clear: left;
text-align: center;
}
a:active, a:focus {
color: #FFFFFF;
background-color: #348b2e;
}
/* Adviser Information */
div.adviceBox{
background-repeat: no-repeat;
background-position: top;
width: 396px;
float: left;
padding: 0;
margin: 10px 0px 0px 0px;
}
div.adviceBoxBot{
height: 6px;
float: left;
clear: left;
padding: 0;
margin: 0px 0px 10px 0px;
}
div.top396{
width: 396px;
background-image: url(https://gurkhajustice.org.uk//stylesheets/img/box_top_396.gif);
background-repeat: no-repeat;
background-position: top left;
}
div.bot396{
width: 396px;
height: 6px;
font-size: 0;
line-height: 0;
background-image: url(https://gurkhajustice.org.uk//stylesheets/img/box_bot_396.gif);
}
div.adviceBoxLeft{
float: left;
width: 89px;
margin: 5px 0 0 5px;
padding: 0 0 4px 0;
}
div.adviceBoxMain{
float: left;
clear: right;
width: 290px;
margin: 5px 0 0 5px;
padding: 0px 0px 4px 0px;
}
div.adviceBox p{
float: left;
font-size: 0.85em;
line-height: 1.1em;
}
html>body div.adviceBox p{
padding: 0px !important;
margin: 5px 5px 0px 5px !important;
}
div.adviceBox h3{
/*float: left;
width: 280px;*/
margin: 3px 0 0 5px!important;
}
div.adviceBox p a{
font-size: 1.1em;
line-height: 1.0em;
background-position: 0 0;
}
div.adviceBox a.moreInfo,
div.adviceBox p.link a{
float: left;
padding: 5px 0px 2px 12px;
background-image: url(img/blue_arrow.gif);
background-position: left;
background-repeat: no-repeat;
font-size: 1.1em;
line-height: 1.0em;
}
div.adviceBox1{
background-color: #FFF0C5;
}
div.adviceBox2{
background-color: #EEF2CF;
}
div.adviceBox3{
background-color: #DEF0D6;
}
div.adviceBox4{
background-color: #EFDBE7;
}
ul.leafletList{
list-style: none;
width: 100%;
margin: 10px 10px 0 10px;
}
ul.leafletList li{
float: left;
width: 380px;
margin: 5px 0 5px 0;
}
ul.leafletList li a{
float: left;
margin-left: 10px;
}
label.orderLabel1{
width: 140px;
float: left;
font-size: 0.9em;
}
label.orderLabel2{
width: 150px;
float: left;
font-size: 0.9em;
}
label.orderLabel3{
width: 200px;
float: left;
font-size: 0.8em;
}
select.orderSelect{
font-size: 0.9em;
width: 245px;
padding-top: 3px;
float: left;
}
input.orderBox{
float: left;
}
textarea.orderForm{
width: 370px;
height: 80px;
}
/* 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: 20px 0 20px 0;
padding: 0 10px 25px 10px;
}
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-color: #EBEBEB;
background-image: url(img/wide_grey_bot.gif);
}
#qActive{
background-color: #E4EBF3;
background-image: url(img/wide_blue_bot.gif);
}
div.qInactive h4{
color: #666666 !important;
background-image: url(img/wide_grey_top.gif);
}
#qActive h4{
background-image: url(img/wide_blue_top.gif);
}
div.adv_Q ul.input{
float: left;
list-style: none;
margin: 0;
padding: 0;
}
div.adv_Q a{
color: #013888;
font-weight: bold;
}
div.adv_Q li{
padding: 0;
}
div.adv_Q p{
line-height: 5em;
}
div.adv_Q ul.input li{
float: left;
height: 30px;
line-height: 28px;
border-bottom: 2px solid white;
}
div.qActive ul.input li{
background-color: #EDF0F5;
}
/*div.qActive ul.input 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;
color: #013888;
font-weight: bold;
}
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;
}
/* Tab styles */
#tabs{
width: 575px;
line-height: normal;
}
#tabs ul {
font-size: 0.8em;
margin: 0;
padding: 0 ;
list-style: none;
}
#tabs li {
float: left;
margin: 0;
padding: 0 0 0 10px;
}
#tabs li.Employment, #tabs li.Cyflogaeth { background: url(img/left_blue.gif) no-repeat left top; }
#tabs li.Benefits, #tabs li.Budd-dal { background: url(img/left_yellow.gif) no-repeat left top; }
#tabs li.Education, #tabs li.Addysg { background: url(img/left_purple.gif) no-repeat left top; }
#tabs li.Debt, #tabs li.Dyled { background: url(img/left_pink.gif) no-repeat left top; }
#tabs li.Housing, #tabs li.Tai { background: url(img/left_turk.gif) no-repeat left top; }
#tabs li.Family, #tabs li.Teulu { background: url(img/left_orange.gif) no-repeat left top; }
#tabs li.Government, #tabs li.Llywodraeth { background: url(img/left_green.gif) no-repeat left top; }
#tabs li.Empty { background: url(img/left_grey.gif) no-repeat left top; }
#tabs a {
float: left;
display: block;
padding: 5px 15px 4px 6px;
text-decoration: none;
font-weight: bold;
color: #776655;
}
#tabs a.Employment, #tabs a.Cyflogaeth {
background: url(img/right_blue.gif) no-repeat right top;
}
#tabs a.Benefits, #tabs a.Budd-dal {
background: url(img/right_yellow.gif) no-repeat right top;
}
#tabs a.Education, #tabs a.Addysg {
background: url(img/right_purple.gif) no-repeat right top;
}
#tabs a.Debt, #tabs a.Dyled {
background: url(img/right_pink.gif) no-repeat right top;
}
#tabs a.Housing, #tabs a.Tai {
background: url(img/right_turk.gif) no-repeat right top;
}
#tabs a.Family, #tabs a.Teulu {
background: url(img/right_orange.gif) no-repeat right top;
}
#tabs a.Government, #tabs a.Llywodraeth {
background: url(img/right_green.gif) no-repeat right top;
}
#tabs a.Empty{
background: url(img/right_grey.gif) no-repeat right top;
color: #cccccc;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a {float: none;}
/* End IE5-Mac hack */
#tabs a:hover{
color: #333333;
}
#tabs #current a{
color: #333333;
padding-bottom: 5px;
}
#main_body_full { padding: .9em; }
#question { clear: both; padding: 3em 0 ; margin: 0 1px; }
#question.Employment, #question.Cyflogaeth { background: #c8eef9 url(img/wide_blue_bot.gif) no-repeat center bottom; }
#question.Benefits, #question.Budd-dal { background: #feebba url(img/wide_yellow_bot.gif) no-repeat center bottom; }
#question.Education, #question.Addysg { background: #eae2f0 url(img/wide_purple_bot.gif) no-repeat center bottom; }
#question.Debt, #question.Dyled { background: #fcdce8 url(img/wide_pink_bot.gif) no-repeat center bottom; }
#question.Housing, #question.Tai { background: #d0ecec url(img/wide_turk_bot.gif) no-repeat center bottom; }
#question.Family, #question.Teulu { background: #fee7d5 url(img/wide_orange_bot.gif) no-repeat center bottom; }
#question.Government, #question.Llywodraeth { background: #e2f0cf url(img/wide_green_bot.gif) no-repeat center bottom; }
#question a {
background-image: url(img/blue_arrow.gif);
background-position: left top;
background-repeat: no-repeat;
padding-left: 2em;
margin: 1em 0 1em 1em;
color: #013888;
text-decoration: none;
font-weight: bolder;
}
.adv_Q li {
padding: 5px 0;
}
#full_body h1,
#full_body 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;
}
#full_body h2{
font-size: 1.8em;
}
#full_body h3{
color: #013888;
font-size: 1.6em;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 2px 0px 2px 0px;
}
a.greenArrow{
background-image: url(img/green_arrow.gif) !important;
background-repeat: no-repeat;
background-position: 0 0;
padding-left: 12px;
}
a.greenArrowBack{
background-image: url(img/green_arrow_rtl.gif) !important;
background-repeat: no-repeat;
background-position: 0 0;
padding-left: 12px;
}
label.hiddenLabel{
display: none;
}