html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, 
q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, 
tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}



a img 
{
    border: 0;
}

body
{
    font-family: PTSans-Reg, Arial;
}

@font-face
{
    font-family: "PTSans-Reg";
    src: url('../Fonts/PTS55F-webfont.eot'), 
    url('../Fonts/PTS55F-webfont.woff') format('woff');
    
    }
    
@font-face
{
    font-family: "PTSans-Bold";
    src: url('../Fonts/PTS75F-webfont.eot'), 
    url('../Fonts/PTS75F-webfont.woff') format('woff');
    
    }

.left
{
    float: left;
}

.right
{
    float: right;
}

.clearance
{
    clear: both;
}

.clearLeft
{
    clear:left;
    }
    
.clearRight
{
    clear:right;
    }    

.relative
{
    position: relative;
}

.shell
{
    margin: auto;
    max-width: 930px;
    min-width: 650px; 
    padding-top:10px;
    
    
    
}


.menu
{
    background-color:#7441d3;
    float:left;
    width:180px;
    min-height:500px;
    padding:10px;
    
    
    }
    
.menu a
{
    color: #FFFFFF;    
    }    

.display
{
    border:1px solid gray;    
    min-width: 400px;
    max-width: 700px;    
    margin-left: 210px;    
    padding:10px;
    min-height:600px;
    }
    
.display .inner
{
    width:100%;
    float:left;
    
    }    
    
.message
{
    margin-bottom: 10px;
}

.message .information
{
}

.message .information .box
{
    width: inherit;
}

.message .information .box .topLeft
{
    background-image: url("../Pix/Layout/MessageInformationBoxBackgroundTopLeft.png");
    background-repeat: no-repeat;
    background-position: top left;
}

.message .information .box .topRight
{
    height: 13px;
    background-image: url("../Pix/Layout/MessageInformationBoxBackgroundTopRight.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.message .information .box .topRight .sectionLabel
{
    color: #FFFFFF;
    font-size: 0.8em;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}


.message .information .box .centerLeft
{
    background-image: url("../Pix/Layout/MessageInformationBoxBackgroundCenterLeft.png");
    background-repeat: repeat-y;
    background-position: left;
}

.message .information .box .centerRight
{
    background-image: url("../Pix/Layout/MessageInformationBoxBackgroundCenterRight.png");
    background-repeat: repeat-y;
    background-position: right;
}

.message .information .box .bottomLeft
{
    background-image: url("../Pix/Layout/MessageInformationBoxBackgroundBottomLeft.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.message .information .box .bottomRight
{
    height: 13px;
    background-image: url("../Pix/Layout/MessageInformationBoxBackgroundBottomRight.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}


.message .information .content
{
    margin-left: 10px;
    margin-right: 10px;
    background-image: url("../Pix/Layout/MessageInformationSymbol.png");
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100px;
}

.message .warning
{
}

.message .warning .box
{
    width: inherit;
}

.message .warning .box .topLeft
{
    background-image: url("../Pix/Layout/MessageWarningBoxBackgroundTopLeft.png");
    background-repeat: no-repeat;
    background-position: top left;
}

.message .warning .box .topRight
{
    height: 13px;
    background-image: url("../Pix/Layout/MessageWarningBoxBackgroundTopRight.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.message .warning .box .topRight .sectionLabel
{
    color: #FFFFFF;
    font-size: 0.8em;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}


.message .warning .box .centerLeft
{
    background-image: url("../Pix/Layout/MessageWarningBoxBackgroundCenterLeft.png");
    background-repeat: repeat-y;
    background-position: left;
}

.message .warning .box .centerRight
{
    background-image: url("../Pix/Layout/MessageWarningBoxBackgroundCenterRight.png");
    background-repeat: repeat-y;
    background-position: right;
}

.message .warning .box .bottomLeft
{
    background-image: url("../Pix/Layout/MessageWarningBoxBackgroundBottomLeft.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.message .warning .box .bottomRight
{
    height: 13px;
    background-image: url("../Pix/Layout/MessageWarningBoxBackgroundBottomRight.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.message .warning .content
{
    margin-left: 10px;
    margin-right: 10px;
    background-image: url("../Pix/Layout/MessageWarningSymbol.png");
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100px;
}

.message .error
{
}

.message .error .box
{
    width: inherit;
}

.message .error .box .topLeft
{
    background-image: url("../Pix/Layout/MessageErrorBoxBackgroundTopLeft.png");
    background-repeat: no-repeat;
    background-position: top left;
}

.message .error .box .topRight
{
    height: 13px;
    background-image: url("../Pix/Layout/MessageErrorBoxBackgroundTopRight.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.message .error .box .topRight .sectionLabel
{
    color: #FFFFFF;
    font-size: 0.8em;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}

.message .error .box .centerLeft
{
    background-image: url("../Pix/Layout/MessageErrorBoxBackgroundCenterLeft.png");
    background-repeat: repeat-y;
    background-position: left;
}

.message .error .box .centerRight
{
    background-image: url("../Pix/Layout/MessageErrorBoxBackgroundCenterRight.png");
    background-repeat: repeat-y;
    background-position: right;
}

.message .error .box .bottomLeft
{
    background-image: url("../Pix/Layout/MessageErrorBoxBackgroundBottomLeft.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.message .error .box .bottomRight
{
    height: 13px;
    background-image: url("../Pix/Layout/MessageErrorBoxBackgroundBottomRight.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.message .error .content
{
    margin-left: 10px;
    margin-right: 10px;
    background-image: url("../Pix/Layout/MessageErrorSymbol.png");
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100px;
}

.message .content .headline
{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 3px;
}

.message .content .note
{
    font-size: 0.8em;
}    
    
.searchBar
{
  
    margin-bottom: 10px;
}

.searchBar .box
{
    width: inherit;
}

.searchBar .box .topLeft
{
    background-image: url("../Pix/Layout/SearchBarBoxBackgroundTopLeft.png");
    background-repeat: no-repeat;
    background-position: top left;
}

.searchBar .box .topRight
{
    height: 6px;
    background-image: url("../Pix/Layout/SearchBarBoxBackgroundTopRight.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.searchBar .box .topRight .sectionLabel
{
    color: #FFFFFF;
    font-size: 0.8em;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}

.searchBar .box .centerLeft
{
    background-image: url("../Pix/Layout/SearchBarBoxBackgroundCenterLeft.png");
    background-repeat: no-repeat;
    background-color: #c6c7c8;
    background-position: top left;
    border: 0px solid blue;
}

.searchBar .box .centerRight
{
    background-image: url("../Pix/Layout/SearchBarBoxBackgroundCenterRight.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.searchBar .box .bottomLeft
{
    background-image: url("../Pix/Layout/SearchBarBoxBackgroundBottomLeft.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.searchBar .box .bottomRight
{
    height: 6px;
    background-image: url("../Pix/Layout/SearchBarBoxBackgroundBottomRight.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.searchBar .content
{
    margin-left: 10px;
    margin-right: 10px;
}

.searchBar .controlSet
{
    margin-right: 30px;
}

.searchBar .textField
{
    border: 1px solid #C0C0C0;
    background-image: url("../Pix/Layout/SearchBarBoxBackgroundField.png");
    background-repeat: repeat-x;
    width: 150px;
    margin-right: 20px;
    margin-bottom: 5px;
}

.searchBar .error
{
    background-image: url("../Pix/Layout/SearchBarBoxBackgroundFieldError.png");
    background-color: #ffd9d9;
    
    
}

.searchBar label
{
    display: block;
    font-size: 0.7em;
}

.searchBar .submitButton
{           
    cursor:pointer;
    width:26px;
    height:20px;
    border: 0px;
    background-color: transparent;
    background-image: url("../Pix/Layout/SearchBarSubmitButton.png");
    
    }
    
.searchBar .submitButton:hover
{   
    background-image: url("../Pix/Layout/SearchBarSubmitButtonHover.png");
    }

.searchBar .resetButton
{   
   margin-top:1.1em;
   cursor:pointer;   
   width:26px;
   height:20px;
   border: 0px; 
   background-color: transparent;
   background-image: url("../Pix/Layout/SearchBarResetButton.png");
   
    }

.searchBar .resetButton:hover
{ 
    background-image: url("../Pix/Layout/SearchBarResetButtonHover.png");    
}   

.navigationBar
{        
    
    height: 19px;
    font-size: 0.8em;
    line-height: 17px;
    vertical-align: middle;
    color: #FFFFFF;
    margin-bottom: 8px;
}

.navigationBar .box .centerLeft
{
    background-image: url("../Pix/Layout/NavigationBarBoxBackgroundLeft.png");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 5px;
    height: 19px;
}

.navigationBar .box .centerRight
{
    background-image: url("../Pix/Layout/NavigationBarBoxBackgroundRight.png");
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 5px;
    height: 19px;
}

.navigationBar button
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    background-color: transparent;
    color: #FFFFFF;
}

.navigationBar .chooseButton
{
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer;
}

.navigationBar .active .chooseButton
{
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}

.navigationBar .leafButton
{
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer;
    letter-spacing: -0.1em;
}

.article
{
    
    margin-bottom: 10px;
}

.article .box
{
    width: inherit;
}

.article .box .topLeft
{
    background-image: url("../Pix/Layout/ArticleBoxBackgroundTopLeft.png");
    background-repeat: no-repeat;
    background-position: top left;
}

.article .box .topRight
{
    height: 13px;
    background-image: url("../Pix/Layout/ArticleBoxBackgroundTopRight.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.article .box .centerLeft
{
    background-image: url("../Pix/Layout/ArticleBoxBackgroundCenterLeft.png");
    background-repeat: repeat-y;
    background-position: left;
}

.article .box .centerRight
{
    background-image: url("../Pix/Layout/ArticleBoxBackgroundCenterRight.png");
    background-repeat: repeat-y;
    background-position: right;
}

.article .box .bottomLeft
{
    background-image: url("../Pix/Layout/ArticleBoxBackgroundBottomLeft.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.article .box .bottomRight
{
    height: 13px;
    background-image: url("../Pix/Layout/ArticleBoxBackgroundBottomRight.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}







.article .content
{
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom:10px;
    color: #808080;
}

.article .content a
{
    color: #808080;
}

.article .standardImage
{
    width:160px;
    height:120px;
     
    }
    
    
.article .detailImage
{
    width:320px;
    height:240px;
     
    } 
    
.article h1
{
    font-size:1.2em;
    }

.article h2
{
    font-size:1em;
    font-weight:bold;
    }       

.article p
{
    font-size: 0.9em;
}

.article p .detailLink
{
    border:0px;
    background-color:transparent;
    color: inherit;
    padding:0px;
    text-decoration: underline;
    cursor:pointer;
    font-size: 1em;
    } 
    
.article p.small
{
    font-size: 0.7em;      
    } 
    
.article p label
{
    font-size: 1em;
    display:inline-block;
    width:130px;
    }       

.article .spacer
{
    height: 10px;
}

.article label
{
    display: block;
    font-size: 0.6em;
}

.article .note
{
    font-size: 0.8em;
}

.article .infoBox
{
    background-color: #f1f1f1;
    border: 1px solid #e3e3e3;
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 4px 10px 8px 10px;
    line-height: 1.2em;
}

.article .detailButtonShow
{
    width: 16px;
    height: 25px;
    border: 0px;
    padding: 0px;
    background-color: transparent;
    background-image: url("../Pix/Layout/ArticleDetailButtonBackgroundShow.png");
    background-repeat: no-repeat;
}

.article .detailButtonShow:hover
{
    background-image: url("../Pix/Layout/ArticleDetailButtonBackgroundShowHover.png");
}

.article .detailButtonHide
{
    width: 16px;
    height: 25px;
    border: 0px;
    padding: 0px;
    background-color: transparent;
    background-image: url("../Pix/Layout/ArticleDetailButtonBackgroundHide.png");
    background-repeat: no-repeat;
}

.article .detailButtonHide:hover
{
    background-image: url("../Pix/Layout/ArticleDetailButtonBackgroundHideHover.png");
}


.formSection
{
    margin-bottom: 10px;
}

.formSection .box
{
    width: inherit;
}

.formSection .box .topLeft
{
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundTopLeft.png");
    background-repeat: no-repeat;
    background-position: top left;
}

.formSection .box .topRight
{
    height: 20px;
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundTopRight.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.formSection .box .topRight .sectionLabel
{
    display:table-cell;       
    height:inherit;
    vertical-align: middle;    
    color: #FFFFFF;
    font-size: 0.8em;        
    padding-left: 5px;
    overflow:hidden;
}


.formSection .box .centerLeft
{
    background-image: url("../Pix/Layout/FormsectionBoxBackgroundCenterLeft.png");
    background-repeat: repeat-y;
    background-position: left;
}

.formSection .box .centerRight
{
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundCenterRight.png");
    background-repeat: repeat-y;
    background-position: right;
}

.formSection .box .bottomLeft
{
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundBottomLeft.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.formSection .box .bottomRight
{
    height: 13px;
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundBottomRight.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.formSection .content
{
    padding-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

.formSection .textField
{
    border: 1px solid #C0C0C0;
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundField.png");
    background-repeat: repeat-x;
    width: 500px;    
    margin-bottom:5px;
    margin-right:10px;
}

.formSection .textField[disabled]
{
    background-image: url("../Pix/Layout/FormSectionTextFieldDisabledBackground.png");
    background-repeat: repeat-x;
    background-color: #909090;

    } 

.formSection .majorTextField
{
    border: 1px solid #C0C0C0;
    font-size:1.2em;
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundField.png");
    background-repeat: repeat-x;
    width: 500px;
    margin-bottom:5px;   
    margin-right:10px;
    
    }

.formSection .filenameField
{
    width: 300px;
    margin-bottom: 5px;
    margin-right:10px;
}

.formSection input[type=checkbox], input[type=radio]
{    
        vertical-align:middle;        
}

.formSection label
{
    display: block;
    font-size: 0.6em;
}

.formSection .note
{
    font-size: 0.8em;
}

.formSection .characterCounter
{
    width:500px;
    text-align:right;
    font-size: 0.8em;
    color: #909090;
       
    }


.formSection .infoBox
{
    background-color: #eAeAeA;
    border: 1px solid #e3e3e3;
    margin-top: 2px;
    padding: 4px 10px 8px 10px;
    line-height: 1.2em;
}

.formSection .error
{
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundFieldError.png");
    background-color: #ffd9d9;
}

.formSection .imageUploadIcon
{
    display:block;
    width: 80px;
    height: 60px;
    cursor: pointer;
    background-image: url("../Pix/Layout/ImageUploadControlBackground.png");    
    margin-right: 10px;
    margin-bottom: 5px;
}

.formSection .imageUploadIcon:hover
{
    background-image: url("../Pix/Layout/ImageUploadControlBackgroundHover.png");
}

.formSection .imageUploadIcon img
{
    width: inherit;
    height: inherit;
}

.formSection .imageUploadIconPortrait
{        
    display:block;
    width: 60px;
    height: 80px;
    cursor: pointer;
    background-image: url("../Pix/Layout/ImageUploadControlBackground.png");    
    margin-right: 10px;
    margin-bottom: 5px;
}

.formSection .imageUploadIconPortrait:hover
{
    background-image: url("../Pix/Layout/ImageUploadControlBackgroundHover.png");
}

.formSection .imageUploadIconPortrait img
{
    width: inherit;
    height: inherit;
}

.formSection .fileUploadIcon
{        
    display:block;
    width: 60px;
    height: 80px;
    cursor: pointer;
    background-image: url("../Pix/Layout/FileUploadControlBackground.png");    
    margin-right: 10px;
    margin-bottom: 5px;
    position:relative;
}

.formSection .fileUploadIcon:hover
{
    background-image: url("../Pix/Layout/FileUploadControlBackgroundHover.png");  
    }   
    
.formSection .fileUploadIcon img
{
    position:absolute;    
    width:inherit;
    height:inherit;
    
    
    }
    
.formSection .fileUploadIcon .label
{
    position:absolute;        
    padding:10px;
    padding-top:25px;
    font-size:0.6em;
    font-weight:bold;
    text-align:center;
    width:40px;
    height:inherit;
    overflow:hidden;
    color:#717171;        
    }        

.formButtonBar
{
    margin-top: 10px;
    text-align: right;        
}


.formButtonBar button
{
    width: 97px;
    height: 21px;
    background-image: url("../Pix/Layout/FormButtonBarButtonBackground.png");
    background-color: transparent;
    padding: 0px;
    font-size: 0.8em;
    color: #606060;
    border: 0px;
    margin-left: 5px;
    overflow:hidden;
}

.formButtonBar button:hover
{
    background-image: url("../Pix/Layout/FormButtonBarButtonBackgroundHover.png");
    color: #ffffff;
}

.stepline
{
    
    font-size: 0.9em;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.stepline .escapeZone
{
    position: relative;
    float: right;
}

.stepline .escapeZone .box
{
    position: absolute;
    width: 50px;
    left: -50px;
}

.stepline .escapeZone .box button
{
    background-image: url("../Pix/Layout/SteplineEscapeZoneButtonBackground.png");
    background-position: right;
    background-color: transparent;
    float: right;
    width: 15px;
    height: 37px;
    border: 0px;
    padding: 0px;
    cursor: pointer;
}

.stepline .escapeZone .box button:hover
{
    background-image: url("../Pix/Layout/SteplineEscapeZoneButtonBackgroundHover.png");
}

.stepline .box .centerLeft
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundLeft.png");
    background-repeat: no-repeat;
    padding-left: 8px;
    height: inherit;
}

.stepline .box .centerRightStep0Of0
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep0Of0.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep1Of2
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep1Of2.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep2Of2
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep2Of2.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}


.stepline .box .centerRightStep1Of3
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep1Of3.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep2Of3
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep2Of3.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep3Of3
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep3Of3.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}


.stepline .content .step1Label
{
    display:table-cell;        
    vertical-align: middle;    
    height: 37px;
    width:115px; 
    margin-right:15px;
    overflow:hidden;               
}

.stepline .content .step2Label
{    
    display:table-cell;        
    vertical-align: middle;    
    height: 37px;
    width:115px; 
    margin-right:15px;
    overflow:hidden;           
}

.stepline .content .step3Label
{
    
    display:table-cell;        
    vertical-align: middle;    
    height: 37px;
    width:75px; 
    margin-right:15px;
    overflow:hidden;           
}


.stepline .content img
{
    width: 16px;
    height: 25px;
    padding-top: 8px;
}