/* DEFAULTS
----------------------------------------------------------*/

body
{
    
    font-size: 14px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    background-color:#f6f6f6;
    color: #000;
    font-size:14px;
    line-height:1.62em;
    background-image:url('../images/abstract-bg.jpg');

    background-repeat:repeat-x;
}

* {
    padding: 0; 
    margin: 0; 
}

.hidden 
{ 
display: none; 
}
 .visible 
{ 
display: inline; 
}

p.default 
{
        text-align: left;
        background-color:lightgrey;
        margin: 5px;
        vertical-align: middle;
}
img 
{
    max-width:100%;   
}
a:link, a:visited
{
    color: #000;
}

a:hover
{
    color: #d10074;
    text-decoration: none;
}

a:active
{
    color: #d10074;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

td 
{
    vertical-align:top;
    padding-bottom:1em;
}
ul 
{
    padding:0 0 0 1em;
}
li 
{
     padding-bottom:1em;
}
/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    text-transform: none;

    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin:0 0 1em 0;
}

h2
{
    font-size: 1.5em;
    font-weight: bold;
    margin:0 0 1em 0;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
body 
{
    margin:0;   
}
#pageWrapper 
{
    max-width:1000px;
    margin:auto;
}
.page
{
    position:relative;
    z-index:100;
    width: 100%;
    padding:0.5em;
    
    background-color: #fff;
    -webkit-box-shadow:0px 7px 10px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:0px 7px 10px rgba(50, 50, 50, 0.3);
    box-shadow:0px 7px 10px rgba(50, 50, 50, 0.3);
    behavior:url(./Styles/PIE.htc);
    float:left;

 }
 
@media screen and (-webkit-min-device-pixel-ratio:0) { .page{margin:-2px 0 0 0;} }
 


 .sidebar 
 {
    width:20%;  
    margin:-2.5em 0 0 0;
    float:right; 
 }

.header
{
    position: relative;
    margin: 0 0 2em 0;
    padding:2em 0;
    width: 100%;
}
.logo 
{
    width:212px;
    height:75px;
    background-image:url('../images/logo-t.png');
    background-repeat:no-repeat;
    float:left;
}
.header h1
{
    font-weight: normal;
    margin: 0px;
    border: none;
    line-height: 1.65em;
    font-size: 3em;
    float:right;
}
.main
{
    padding: 1em;
    margin: 0 0 0 0;
    min-height: 420px;
}
.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}
.sidebar-block 
{
    width:85%;
    padding:1em;
    margin:0 0 1.3em 0;
    background-color:#fff; 
    -moz-border-radius:20px 20px 0 0;
    -webkit-border-radius:20px 20px 0 0;
    border-radius:20px 20px 0 0;
    -webkit-box-shadow:0px 2px 10px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:0px 2px 10px rgba(50, 50, 50, 0.3);
    box-shadow:0px 2px 10px rgba(50, 50, 50, 0.3);
    behavior:url(./Styles/PIE.htc);  
    float:right;
}
.footer
{
    height:2em;
    width:100%;
    padding: 1em;
    margin:0 0 2em 0;
    float:left;
}

.col1 
{
    width:200px;
}
.col2 
{
    
}
.col3 
{
    
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    padding:0 0.5em;
    width: 100%;
    background: #f3f3f3; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f3f3f3 0%, #e8e8e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f3f3f3 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f3f3f3 0%,#e8e8e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f3f3f3 0%,#e8e8e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f3f3f3 0%,#e8e8e8 100%); /* W3C */
    -pie-background: linear-gradient(#f3f3f3, #e8e8e8);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-8 */
    -moz-border-radius:20px 20px 0 0;
    -webkit-border-radius:20px 20px 0 0;
    border-radius:20px 20px 0 0;
    -webkit-box-shadow:0px 2px 10px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:0px 2px 10px rgba(50, 50, 50, 0.2);
    box-shadow:0px 2px 10px rgba(50, 50, 50, 0.2);
    behavior:url(./Styles/PIE.htc);

}

div.hideSkiplink a
{
    padding: 0;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}
div.menu ul li 
{
    padding:0.3em 1.5em 0 1.5em;
    margin:0.5em 0.5em 0 0;
    background-color:#fff;
    -moz-border-radius:15px 15px 0 0;
    -webkit-border-radius:15px 15px 0 0;
    border-radius:15px 15px 0 0;
    -webkit-box-shadow:0px -2px 5px rgba(50, 50, 50, 0.05);
    -moz-box-shadow:0px -2px 5px rgba(50, 50, 50, 0.05);
    box-shadow:0px -2px 5px rgba(50, 50, 50, 0.05);
    behavior:url(./Styles/PIE.htc);  
     
}
div.menu ul li a, div.menu ul li a:visited
{
    font-size:1em;
    font-weight:bold;
    color:#9f9f9f;
 
    display: block;
    padding: 0;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    color: #d10074;
    text-decoration: none;
}

div.menu ul li a:active,
.selectedItem
{
    color: #d10074;
    text-decoration: none;
}

/* Profile Block */

.profileBlock 
{
    width:200px;
    float:left;
    margin:2em 3.2em 0 0;
}
.profileBlock p,
.profileBlock img 
{
    position:relative;
    z-index:99;
}
.profileBlock .linkOverlay 
{
    width:100%;
    height:105px;
    top:0;
    left:0;
    display:block;
    position:absolute;
    z-index:10000;   
}
.profileTitle 
{
    color:#fff;
    position:relative;
    z-index:10;
    padding:0.5em 1em;
    width:100%;
    background: #ff008e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDA4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMTAwNzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ff008e 0%, #d10074 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff008e), color-stop(100%,#d10074)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff008e 0%,#d10074 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff008e 0%,#d10074 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff008e 0%,#d10074 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff008e 0%,#d10074 100%); /* W3C */
    -pie-background: linear-gradient(#ff008e, #d10074);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff008e', endColorstr='#d10074',GradientType=0 ); /* IE6-8 */
    -moz-border-radius:20px 20px 0 0;
    -webkit-border-radius:20px 20px 0 0;
    border-radius:20px 20px 0 0;
    -webkit-box-shadow:0px 2px 10px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:0px 2px 10px rgba(50, 50, 50, 0.3);
    box-shadow:0px 2px 10px rgba(50, 50, 50, 0.3);
    border-bottom:4px solid #dfdfdf;
    behavior:url(./Styles/PIE.htc);
}
.profileTitle h3 
{
    color:#fff;   
}
.profileBody 
{
    width:100%;
    position:relative;
    z-index:100;
    height:7.5em;
    padding:1em 1em;
    background-color:#fff;
    -moz-border-radius:0 0 20px 20px;
    -webkit-border-radius:0 0 20px 20px;
    border-radius:0 0 20px 20px;
    -webkit-box-shadow:0px 2px 10px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:0px 2px 10px rgba(50, 50, 50, 0.3);
    box-shadow:0px 2px 10px rgba(50, 50, 50, 0.3);
    behavior:url(./Styles/PIE.htc);
    
}
.profileBody img
{
    padding:0 0.5em 0 0;
    float:left;
}
.profileBody p
{

}

/* FORM ELEMENTS   
----------------------------------------------------------*/
.questTable TR 
{
    padding:0;
    margin:0;
}
.questList 
{
    margin: 1em 0;
    padding:0; 
}
.questList td 
{
    padding-bottom:0;
}
.selfAssessLabel 
{
    color:#000;
    font-weight:normal;
    font-size: 1.2em;
}
.blackText 
{
    color:#000;
}
.magentaText 
{
    color:#d10074;
}
fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border:none;
    /*width: 600px;*/
}

fieldset p
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline
{
    display: inline;
}

legend
{
    font-size: 1.4em;
    font-weight: normal;
    padding: 0 0 1em 0;
    margin-left:-7px;
    color:#000;
}
input[type='text'],
input[type='password'] 
{
    border:1px solid #cccccc;
    padding:0.5em 1em;
    
}
textarea
{
    min-width:215px;
    border:1px solid #cccccc;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    padding:1em;
    line-height:1.3em;
}
select
{
    min-width:216px;
    *border:1px solid #cccccc;
   
}

input[type='submit'],
/*.loginDisplay a:link
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    color:#fff;
    font-weight:bold;
    text-decoration: none;
    text-shadow: 1px 1px 2px #ff008d, -1px -1px 1px #b70066;
    padding:0.5em 1em;
    cursor:pointer;
    position:relative;
    font-size:1em;
    top: 0px;
    left: 0px;
     background: #ff008e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDA4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMTAwNzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ff008e 0%, #d10074 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff008e), color-stop(100%,#d10074)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff008e 0%,#d10074 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff008e 0%,#d10074 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff008e 0%,#d10074 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff008e 0%,#d10074 100%); /* W3C */
    -pie-background: linear-gradient(#ff008e, #d10074);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff008e', endColorstr='#d10074',GradientType=0 ); /* IE6-8 */
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    -webkit-box-shadow:0px 2px 10px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:0px 2px 10px rgba(50, 50, 50, 0.3);
    box-shadow:0px 2px 10px rgba(50, 50, 50, 0.3);
    behavior:url(./Styles/PIE.htc);
}*/

input[type='submit']:hover
{
   
    color: #000;
    text-decoration: none;

}
.dob 
{
    min-width:59px;
}
.pwPoor 
{
    color:#fff;
    background-color:#EE4000;
    padding:5px 10px 5px 10px;
}
.pwAverage 
{
    color:#fff;
    background-color:#FFD700;
    padding:5px 10px 5px 10px;
}
.pwStrong 
{
    color:#fff;
    background-color:#B3EE3A;
    padding:5px 10px 5px 10px;
}
.required 
{
    color:#fff !important;
    background:#d10074;
    white-space:nowrap;
    padding:0.4em 0.5em;
    margin: 0 0 0 1em;
}
/*input.textEntry
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry
{
    width: 320px;
    border: 1px solid #ccc;
}*/s

div.accountInfo
{
    width: 42%;
}
.s2Col1 
{
    width:420px;  
}
.s2Col2 
{
    width:230px;
}
.s2Col3 
{
    width:120px;
}
/* DirectDebit Form New
----------------------------------------------------------*/
.ddPage 
{
    width:100%;
    margin:auto;
    
}
.ddgPage 
{
    width:80%;
    margin:auto;
    padding:3em 0 0 0; 
}
.ddgPage h2 
{
    margin:0 0 0.5em 0 !important; 
    font-size:1.7em;  
}
.ddLogo 
{
    width:100%;
    height:100px;
    float:left;
}
.ddTitles 
{
    width:100%;
    float:left;
}
.ddLeft 
{
    width:50%;
    float:left;
    padding: 0 0 0 0;
}
.ddRight 
{
    width:45%;
    float:left;
    padding:0 0 0 1em;
}
.ddPage p 
{
    margin:0;
    padding:0;
}
.ddHugeText 
{
    font-size:1.9em;
    font-weight:bold;
    padding:0;
    margin:0;
}
.ddLargeText 
{
    font-size:1.3em;
    font-weight:bold;
    padding:0;
    margin:0;
}
.ddChkText 
{
    font-size:1.3em;
    font-weight:bold;
    padding:0;
    margin:0;
}
.ddMediumText
{
    font-size:1em;
}
.ddTextSmall
{
    font-size:.8em;
}

.ddPage fieldset 
{
    margin:0;
    padding:0;
}
.ddPage legend 
{
    font-size:.85em;
    padding:1em 0 .5em 0;
    margin:0;
}
.ddPage input[type=text]
{
    border:1px solid black;
    height:35px;
    width:300px;
    font-family:Arial, Helvetica;
    font-size:18px;
    -moz-box-shadow: 2px 2px 3px #000000; /* for Firefox 3.5+ */
	-webkit-box-shadow: 2px 2px 3px #000000; /* for Safari and Chrome */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=3);

}
.ddPage textarea 
{
    padding:0 0 0 0 !important;
}
.accNum,
.sortCode,
.servNum
{
    font-family:Arial, Helvetica;
    background-image:url("../images/linedBG.png");
    height:35px;
    border:1px solid black;
    font-size:26px !important;
    text-indent:10px;
    letter-spacing:20px;
    padding:0 0 0 0 !important;
}
.accNum 
{
    width:280px !important;
}
.sortCode,
.servNum 
{
    width:208px !important;
}
.ref
{
    font-family:Arial, Helvetica;
    background-image:url("../images/linedBGSlim.png");
    width:315px !important;
    height:35px;
    border:1px solid black;
    font-size:26px !important;
    text-indent:0px;
    letter-spacing:3px;
    padding:0 0 0 0 !important;
}
.address
{
    background-image:url("../images/address.png");
    background-repeat:no-repeat;
    border:1px solid black;
    height:140px;
    width:300px;
    font-family:Arial, Helvetica;
    font-size:18px;
    line-height:35px;
    overflow:hidden;
}
.date 
{
    border:1px solid black;
    height:140px;
    width:300px;
    background:#fff;
    margin:3em 0 0 0;
}
.ddSlash
{
    font-size:2em;
    line-height:4em;
}
.ddPage textarea,
.date
{
    -moz-box-shadow: 2px 2px 3px #000000; /* for Firefox 3.5+ */
	-webkit-box-shadow: 2px 2px 3px #000000; /* for Safari and Chrome */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=3);

}
.ddDate 
{
    border:0 !important;;
    border-bottom:1px solid #000000 !important;;
    -moz-box-shadow:2px 2px 3px #ffffff !important; /* for Firefox 3.5+ */
	-webkit-box-shadow:2px 2px 3px #ffffff !important; /* for Safari and Chrome */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#ffffff', Direction=145, Strength=0) !important;
	line-height:2.2em;
}
.ddError 
{
    float:left;
    color:Red;
    width:50%;
}
.ddFooter
{
    width:100%;
    text-align:center;
    float:left;
}
.ddMiddle
{
    width:100%;
    float:left;
}

.ddBox 
{
    border:1px solid #000;
    padding:1em;
    margin: 10 20 0 20;
}

.postcode 
{ 
    text-transform: uppercase; 
  }


/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}



.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 1em;
    color: #fff;
   

}



.loginDisplay a:visited a:hover
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}



.loginDisplay a:hover
{
    color: Black;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}
.submitButtonLogin
{
    text-align: left;
    padding-right: 10px;
}
.watermark
{
     padding-left:3px;
     color:#787878;
    
}

.error
{
     font-family:Arial;
     padding-left:3px;
     color:Red;
     font-weight:bold;
    
}
/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader,
.accordionHeaderSelected
{
    
    color: white;
    background-color: #ffffff;
    padding:0.5em 1em;
    margin:2em 0 0 0;
    cursor: pointer;
    position:relative;
    z-index:100;
    background: #f3f3f3; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f3f3f3 0%, #e8e8e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f3f3f3 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f3f3f3 0%,#e8e8e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f3f3f3 0%,#e8e8e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f3f3f3 0%,#e8e8e8 100%); /* W3C */
    -pie-background: linear-gradient(#f3f3f3, #e8e8e8);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-8 */
   
    -webkit-box-shadow:0px 2px 10px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:0px 2px 10px rgba(50, 50, 50, 0.3);
    box-shadow:0px 2px 10px rgba(50, 50, 50, 0.3);
    behavior:url(./Styles/PIE.htc);
}
.accordionHeader
{

    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    
    behavior:url(./Styles/PIE.htc);
}
.accordionHeaderSelected
{

    -moz-border-radius:20px 20px 0 0;
    -webkit-border-radius:20px 20px 0 0;
    border-radius:20px 20px 0 0;
    
    behavior:url(./Styles/PIE.htc);
}
a.accordionLink 
{
    color:#a8a8a8;
    font-weight:bold;
    text-decoration:none; 
    text-shadow: 1px 1px 2px #fff;
    behavior:url(./Styles/PIE.htc);
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover,
a.accordionLink:hover
{
	background: none;
	text-decoration: none;
	color:#d10074 !important;
}

.accordionContent
{
    background-color: #f6f6f6;
    padding: 1em;
    position:relative;
    z-index:10;
    border:1px solid #e3e3e3;
    border-top:none;
}
.accordionContent label
{
   
}
hr {
    background-color:#d7d7d7;
    border-width:0;
    color:#d7d7d7;
    height:2px;
    line-height:0;
    margin:-.5em 10px 1.8571em 10px;
    page-break-after:always;
    text-align:center;
    width:100%;
}

/*hr:after {
    content:"\a7\a7";
    font-size:1.25em;
}*/

    
select 
{
    display:block;
    padding:0.5em 1em;
    }


.blockLink
{
    text-decoration: none;  
    display:inherit !important;
}

/* IE Box Shadow */


 .ie8 .page,
 .ie8 .sidebar-block,
 .ie8 div.hideSkiplink,
 .ie8 div.menu ul li,
 .ie8 .profileTitle,
 .ie8 .profileBody,
 .ie8 input[type='submit'],
 .ie8 .loginDisplay a:link,
 .ie8 .accordionHeader,
 .ie8 .accordionHeaderSelected
 {
    box-shadow:0px 6px 10px rgba(193, 193, 193, 1);
    behavior:url(./Styles/PIE.htc);
 }
 
 

/* Firefox Box Shadow */
@-moz-document url-prefix() { 
  .page
  
{
    
    -webkit-box-shadow:0px 7px 7px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:0px 7px 7px rgba(50, 50, 50, 0.3);
    box-shadow:0px 7px 7px rgba(50, 50, 50, 0.3);
    

 }
 
  .sidebar-block,
 div.hideSkiplink,
 div.menu ul li,
 .profileTitle,
 .profileBody,
 input[type='submit'],
 .loginDisplay a:link,
 .accordionHeader,
.accordionHeaderSelected
{
    
    -webkit-box-shadow:0px 4px 7px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:0px 4px 7px rgba(50, 50, 50, 0.3);
    box-shadow:0px 4px 7px rgba(50, 50, 50, 0.3);
    

 }


/* GSD - Column Layout */
 .div-table{
  display:table;         
  width:auto;         
  background-color:#eee;         
  border:1px solid  #666666;         
  border-spacing:5px;/*cellspacing:poor IE support for  this*/
}
.div-table-row{
  display:table-row;
  width:auto;
  clear:both;
}
.div-table-col{
  float:left;/*fix for  buggy browsers*/
  display:table-column;         
  width:200px;         
  background-color:#ccc;  
}




.error {
    font-family: Arial;
    padding-left: 3px;
    color: Red;
    font-weight: bold;
    float: right;
    clear: both;
}

/* Multi Select ----------------------------------------------------------*/

.github.ribbon {
	position: fixed;
	display: block;
	top: 40px;
	right: 0;
	border: 0;
	z-index: 1001;
}

.prettyprint {
	padding: 10px!important;
}

#wrap {
	padding-top: 70px;
}

#home h1 {
	margin-bottom: 30px;
}
#demo,
#examples,
#support,
#download {
	padding-top: 40px;
}
/* Multi Select ----------------------------------------------------------*/