/* 
Project: General Pharmaceutical Council
Filename: MyGphcCustomScreen.css
Date: May 2009 - last updated 09-09-10

*/

/*#generalcontent a:not(.btn,th)
{
    color: rgb(34, 116, 158) !important;
    text-decoration:underline;
}*/

/*#generalcontent p,.contentWithSubNav  p
{
    line-height: 1.5em;
}*/

#generalcontent a:hover:not(.btn)
{
    color: rgb(34, 116, 158) !important;
    text-decoration:none;
}

.infoSection p
{
    margin-top: 0px  !important;
    padding-bottom: 3px  !important;
}

#faq 
{
   width:650px;float:right;margin-right:10px;
}

#faq a
{ 
    text-decoration:none !important;
}
#faq h3
{
    cursor:pointer;margin:3px 0px 0px 0px;margin-top:3px!important;padding:0!important;
}
#faq h2
{
    margin-top:10px!important;margin-bottom:5px!important;padding:0!important;
}
#faq .answer
{
    display:none;
    /*line-height:1.5em;*/
}

#faq div:not(.answer):not(.selected)
{
    padding: 4px;
}

#faq .selected h3
{
   font-weight: bold
}

.renewalCycles tbody tr td:first-child,.renewalCycles tbody tr td:nth-child(4)
{
    font-weight:bold
}

/*.renewalCycles tr td:nth-child(4)
{
   border-left:1px solid #cccccc;
}*/


.infoSection
{
    border: 1px solid transparent;  /*#BDD4DE;*/
      
    background-color:#F5F7FF;
    -moz-transition:all 200ms linear;
	transition:all 200ms linear;
}
.infoSection:hover:not(.invalid),.selected
{
   background-color:#EBF9FF;
   border: 1px solid #d0e4ed
}

.selected
{

   -moz-border-radius: 6px;
    border-radius: 6px;
}

#faq .selected
{
   
    padding-top:7px;padding-bottom:5px;
   -moz-border-radius: 6px;
    border-radius: 6px;
    border-left: 6px solid orange;
    margin-left:-10px;
    padding-left:15px;padding-right:20px;
}

.highlighted
{
    color: red;font-weight:bold;
}

.receipt
{border: 1px solid #BDD4DE;background-color:#FFFFFF

}

.CommonPageBox, .ErrorPageBlock,.receipt
{
    
    padding:  20px 20px 5px 20px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width:600px;
    height:auto;
    /*font-size: 1.0em;*/
    /*background-image: url(images/grad_bg_largest.gif);
    background-repeat: no-repeat;*/
    margin-top: 20px; /*-moz-border-radius: 8px;     border-radius: 8px;      -webkit-border-radius: 8px;     -khtml-border-radius: 8px;     -opera-border-radius: 8px;*/
}

.CommonPageText {width:500px;float:right;}

.CommonRadioLeft{float:left;font-size:1.2em;cursor: pointer}
.CommonRadioRight{margin-left:60px;font-size:1.2em;cursor: pointer}
.Commonbtnleft{float:left;  margin-top:-12px;}
.Commonbtnright{float:right;margin-right:20px;  margin-top:-12px;}
.NotificationText{color:Red;font-size: 1.0em;}

/*Aligns the form in centre*/
.CentreForm{margin-right:auto;margin-left:auto;width:500px;}
.DOBFormatText{float:left;padding-left:10px;}
.CalenderButton{position:relative;width:25px;height:25px;top:18px;float:right;}
.ValidatPasswordBlock{margin-left:-20px;width:400px;}
.ErrorTextBlock{margin-left:50px;}
.ErrorPageBlock{margin-left: -40px;width:400px;}

/* additional styles added for general pages i.e Privacy policy, Accecibility, Contact us etc*/
/*#generalcontent
{
    padding-left:20px;
    padding-right:20px;
}*/


#generalcontent h1{
	font-size: 2em;
	color: #22749e;
	padding-bottom: 15px;
}


#generalcontent h2{
	font-size: 1.6em;
	color: #22749e;
	padding: 8px 0;
}


#generalcontent h3{
	font-size: 1.2em;
	color: #22749e;
	padding: 8px 0;
}


#generalcontent p{
	font-size: 1.1em;
	padding-bottom: 8px;
	}

/*#generalcontent a:link{
	color: #3b124f;
	text-decoration: underline;
}

#generalcontent a:visited{
	color: #777;
	text-decoration: underline;
}


#generalcontent a:active{
	color: #3b124f;
	text-decoration: underline;
}

#generalcontent a:hover{
	color: #3b124f;
	text-decoration: none;
}*/

/*  General content ul and li class added */
#generalcontent ul{
	font-size: 1.1em;
	padding-bottom: 8px;
	}

#generalcontent ol{
	font-size: 1.1em;
	padding-bottom: 8px;
	margin-left: 20px;
	}


#generalcontent li{
	margin-bottom: 4px;
}


#generalcontent ul li{
	padding-left: 15px;
	background: url("images/bullet.gif") no-repeat 0 6px;
}

/* For Receipt Page only*/
.PageMainTable
{
    width: 100%;
    border: solid #22749e;
    border-width: 0px 0px 0px 0px;
    padding: 0px;
    background-repeat: no-repeat;
    text-align: left;
    line-height: 200%;
}

/* Following styles are foe Accordian Ajax control */

 .accordion {   
         width: 500px;   
  }   
          
.accordionHeader {   
     border: 1px solid #2F4F4F;   
     color: white;   
     background: none repeat scroll 0 0 #AAC7D4;  
     font-family: Arial, Sans-Serif;   
     font-size: 12px;   
     font-weight: bold;   
     padding: 5px;   
     margin-top: 5px;   
     cursor: pointer;   
 }   
                   
 .accordionHeaderSelected {   
      border: 1px solid #2F4F4F;   
      color: white;   
      background: #22749E url("images/FAQ-Item-Selected-bg.JPG"); 
      font-family: Arial, Sans-Serif;   
      font-size: 12px;   
      font-weight: bold;   
      padding: 5px;   
      margin-top: 5px;   
      cursor: pointer;   
  }   
                  
 .accordionContent {   
     background-color: #F2F0EB;   
     border: 1px dashed #2F4F4F;   
     border-top: none;   
     padding: 5px;   
     padding-top: 10px;
 }   
 
 /*styles for login text */

/*#logintext{float:right;width:335px;margin:0;padding:0;text-align:right;overflow:hidden;font-size:12px;}*/
#signouttext{float:right;}



/* styles added for padding in table td */
table.padded-table td {padding:10px;}

/*style for text in italics */
.italic-text{font-style:italic;}

/* input buttons outside of forms.css require styling to match forms.css */
/*input.submit
{
	background:url("images/details-btn-wide-top.gif") no-repeat scroll 0 0 transparent;
	border:medium none;
	color:#FFFFFF;
	float:right;
	font-family:'Trebuchet MS',Helvetica,sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:top;
	width:140px;
}*/

.spanInternalbutton{
    background:url("images/signin-btn-bottom.gif") no-repeat scroll left bottom #22749E;
    float:left;
    text-align:center;
    width:70px;
}

.Internalbutton
{
    background:url("images/signin-btn-top.gif") no-repeat scroll 0 0 transparent;
    border:medium none;
    color:#FFFFFF;
    float:right;
    font-family:'Trebuchet MS',Helvetica,sans-serif;
    margin:0 0 0;
    padding:0;
    text-align:center;
    vertical-align:top;
    width:70px;
      -moz-transition:all 200ms linear;
	transition:all 200ms linear;
}

.Internalbutton:hover{
    background:url("images/signin-btn-top.gif") no-repeat scroll -70px 0 transparent;
}
.spanInternalbutton:hover{
    background:url("images/signin-btn-bottom.gif") no-repeat scroll -70px 100% #416C7E;
}

.main-content-feature
{
	float: left;
	width: 210px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 20px;
	background: #EBE7ED url("images/feature-bg.gif") no-repeat bottom left;
}



.wait 
{float:right;clear:both;
     width: 100px; height: 20px;  display: none;background:url('images/progress.gif') no-repeat top center;
     /*width:100px; height:30px; 
             padding-top:5px;margin:0px;
             text-align:right;font-size:12px;font-weight:bold; color: #3B124F;
             background: url("images/bigrotation2.gif") no-repeat left top;*/
}




ul.biglinespacing
{
	line-height:250%;
}

/*.mydetailsLabel
{
    float: left;
    padding: 2px;
    font-weight: bold;
    
    text-align: right;
    width: 280px;
}*/

.mydetailsHeader
{
    float: right;
    padding:0px;margin:0px;
    margin-bottom:10px;
    font-weight: bold;
    color: #3B124F;
    text-align: left;
    width: 290px;
    font-size:12px;
}

.CommonPageBox label
{
    margin-top: 1px;
}
/*.spanInternalbuttonGreen{
    background:url("images/green-button-bkgnd-bottom.png") no-repeat scroll left bottom #22749E;
    float:left;
    text-align:center;
    width:155px;
}*/
.invalid
{
    border: 1px solid #F24B4B;
    background-color: #FFE6DB;
}
.importantButton
{
    -moz-border-radius: 6px;
    border-radius: 6px;
    width:155px;
    height:50px; 
    opacity:0.8;
    border:none;    
        color:#FFFFFF;
    font-family:'Trebuchet MS',Helvetica,sans-serif;
    font-size:1.8em;   margin:0 0 0;
    text-align:center;cursor:pointer;
       -moz-transition:all 200ms linear;
	transition:all 200ms linear;
}

    .importantButton:hover
    {
        opacity:1;
    }
.ok
{
    background-color: green;
}
.cancel
{background-color: red;
}

.InternalbuttonRed, .InternalbuttonGreen
{
    /*background:url("images/button-red.png") no-repeat scroll 0 0 transparent;*/
    -moz-border-radius: 3px;
    border-radius: 3px;

    border:medium none;
    color:#FFFFFF;
    font-family:'Trebuchet MS',Helvetica,sans-serif;
    font-size:1.8em;
    margin:0 0 0;
    text-align:center;
    vertical-align:top;
    width:155px;
    height:50px;
   
}

.InternalbuttonRed:hover
{
    /*background:url("images/button-red-dark.png") no-repeat;*/
}

.InternalbuttonGreen{
    /*background:url("images/button-green.png") no-repeat scroll 0 0 transparent;*/

}

.InternalbuttonGreen:hover
{
    /*background:url("images/button-green-dark.png") no-repeat;*/
}

.Internalbutton:hover{
    background:url("images/signin-btn-top.gif") no-repeat scroll -70px 0 transparent;
}
.spanInternalbutton:hover{
    background:url("images/signin-btn-bottom.gif") no-repeat scroll -70px 100% #416C7E;
}

.divBottomPadding
{
    padding-bottom:35px;
}

/*style for underline text */
.underline-text{text-decoration:underline;}