.darkBox
{
    background-color: #202020;    
}


.lightBox
{
    background-color: #DEEBF1;
}

.more
{
    float: right;
}

.hidden
{
    display: none;
}

.border
{
    width: 100%;
    height: 1px;
    background-color: #666666;
    display: block; 
    margin: 10px 0 10px 0;
    padding: 0;   
}

.published
{
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
}

.disablescrolling
{
    overflow: hidden;
    border: none;
}

/*p.hugin
{
    margin: 0 0 0 0;
}*/

/************************/
/* LIST                 */
/************************/

ul.list
{
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #A4A4A4;
}


ul.list li
{
    border-bottom: 1px solid #A4A4A4;
    padding: 0;
    margin: 0;
    width: 100%;
}

ul.list li.item
{
   padding: 5px 0px 5px 0px;
}


ul.list li .date
{
    float: left;
    width: 125px;
    display: block;
}

ul.list li .title
{
    float: left;
    width: 125px;
    display: block;
}

/************************/
/* MENU                 */
/************************/

ul.menu
{
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.menu li
{
    float: left;
    margin: 0 0.15em;
}

ul.menu li.seperator
{
    border-left: 2px solid #666666;
    padding-left: 5px;
}

/************************/
/* MENU PANEL           */
/************************/

.menuPanel
{
    display: none;
}

.menuPanelInner
{
   border-top: 1px solid #2F2E2E;
   border-bottom: 1px solid #2F2E2E;
   position: relative;
   float: left;
   padding-top: 20px;
   padding-bottom: 10px;
}

#menuPanel
{
   overflow: visible;
   position: relative;
}

#menuPanelContainer
{   
   background-color: #202020;
   padding: 0px 20px 20px 20px;
   
   position: absolute;
   top: -67px;
   right: -20px;   
   width: 720px;
      
   z-index: 200;
   display: none;     
}


#menuPanel .menuColumn
{
  float: left;
  width: 220px;
  margin-right: 10px;
}

#menuPanel .menuCategory
{
    margin-bottom: 10px;
    overflow: hidden;   
}

#menuPanel .menuCategory .menuHeader
{
    color: #ffffff;
    font-weight: bold;
}

#menuPanel .menuCategory ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

#menuPanel .menuCategory a
{
    color: #A4A4A4;
}

#menuPanel .menuCategory a:hover
{ 
    color: #E0E000;
    background-color: transparent;
}

#menuPanel .menuStory
{
    float:left;
    width:255px;
}

/************************/
/* INPUT                */
/************************/

.textField,
.textFieldLong
{
    background-repeat: no-repeat;
    border-width: 0px;  
    height: 24px;    
    background-color: transparent;
    display: inline-block;
}

.textField input,
.textFieldLong input
{
    border-width: 0px;  
    background-color: transparent;
    
    color: #ffffff;
    font-weight: bold;
    
    height: 24px;
    margin-left: 3px;      
}

.textField
{
    background-image: url('/Images/input.png');
    width: 123px; 
}

.textField input
{
    width: 117px;
}

.textFieldLong
{
    background-image: url('/Images/input_long.png');
    width: 182px; 
}

.textFieldLong input
{
    width: 176px;
}

/************************/
/* BUTTONS              */
/************************/

.button
{
    background-image: url('/Images/Button.png');
    background-color: transparent;
    background-repeat: no-repeat;
   
    width: 55px;
    height: 23px;
    display: inline-block;
    padding-top: 4px;
    text-align: center; 
}

.button:active
{
    background-image: url('/Images/ButtonClicked.png');
}

.searchButton,
.okButton,
.sendButton,
.contactButton
{
    background-color: transparent;
    background-repeat: no-repeat;
   
    width: 55px;
    height: 27px;
    display: inline-block;
    vertical-align: top;    
    
    /* font */
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 14px;    
}

.searchButton:hover,
.okButton:hover,
.sendButton:hover,
.contactButton:hover
{
    background-color: transparent;
}


/************************/
/* WIDGETS              */
/************************/

.widgetBox
{
   width: 270px;
   overflow: hidden;
}

.boxContent
{
   overflow: hidden;
}

.widgetBox .boxContent
{
    width: 250px;    
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    
    background-image: url('/Images/Arrows/link.png');
    background-position: right center;
    background-repeat: no-repeat;
}

.widgetBox a
{
    display: block;
}

.widgetBox a:hover
{
    background-color: transparent;
}

.widgetBox .lightBox a:hover
{
    background-color: #cbe0ea;
}

.widgetBox .boxImage
{
    float: left;
    width: 70px;
    padding-right: 10px;
}

.widgetBox .boxInfo
{
    float: left;
    width: 150px;
    padding-right: 20px;
}



/************************/
/* LOGIN BOX            */
/************************/

.loginBox
{
   width: 270px;
   overflow: hidden;
}

.loginBox .boxContent
{
    width: 230px;
    margin-left: 20px;
    margin-top: 20px;
    padding-bottom: 20px;
}

.loginBox h1
{
    border-bottom: 1px solid #666666;
}

.loginBox h2
{   
    font-size: 15px;
}

.loginBox .loginLinks
{
    margin-top: 10px;
}

/************************/
/* CONTACT BOX          */
/************************/

.contactBox
{
   height: 110px;
   overflow: hidden;
}

.contactBox span
{
    display: block;
}

.contactBox .header
{
    font-size: 18px;
    font-family:Trebuchet MS,Arial;
    text-transform:uppercase;    
    font-weight:bold;
}

.contactBox .name
{
    font-size:14px;
    font-family:Georgia,Arial;
    font-style:italic;
    color:#666666;
    font-weight:bold;
}

.contactBox .phone
{
    color:#666666;
    font-family:Georgia,Arial;
    font-size:15px;
}

#rightColumnContent .contactBox
{
    margin-bottom: 20px;
}

/************************/
/* IMP EVENTS/COURSES   */
/************************/

.importantEvents h1
{
    margin-bottom: 10px;
    padding: 0;
}

.importantEvents li a
{
    display:block;
    float: left;
    padding-top: 5px;
    width: 100%;
    
    background-image: url('/Images/Arrows/link.png');
    background-position: right center;
    background-repeat: no-repeat;
}

.importantEvents li .title
{
    margin-top: 5px;
    padding-top: 5px;
}

.importantEvents li a:hover
{
    background-color: #F6F6B2;
}

.importantEvents li a:hover span
{
    cursor: pointer;
}

.importantEvents li .titlePart1,
.importantEvents li .titlePart2
{
    display: block;
}

/************************/
/* FEATURED EMPLOYEE    */
/************************/



/************************/
/* LATEST JOB POSTINGS  */
/************************/

.latestJobPostings
{
    margin-top: 30px;
}

.latestJobPostings li .position,
.latestJobPostings li .location
{
    display: block;
    width: 100%;
}

.latestJobPostings li a
{
    display:block;
    padding: 5px 0 5px 0;    
    background-image: url('/Images/Arrows/link.png');
    background-position: right center;
    background-repeat: no-repeat;
}

.latestJobPostings li a:hover
{
    background-color: #F6F6B2;
    /*background-image: url('/Images/Arrows/link_small_down.png');*/
}

.latestJobPostings .position
{  
    color: #202020;
}

.latestJobPostings .location
{  
    color: #666666;
}

.latestJobPostings .position,
.latestJobPostings .location
{
    font-size: 21px;
    line-height: 1;
    font-family: Trebuchet MS, Arial;
    text-transform: uppercase;
}

/************************/
/* FEATURED CONTENT     */
/************************/

.featuredContent h3
{ 
    font-weight: normal;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.featuredContent h1
{
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

.featuredContent .featuredText
{
    padding: 10px 0px 10px 0px;
    margin-top: 10px;
    border-top: 1px solid #A4A4A4;
    border-bottom: 1px solid #A4A4A4;
    display: block;
    color: #666666;
}


.featuredContent .featuredText p
{
    margin: 0;
    padding: 0;
}

/************************/
/* BANNER STORY         */
/************************/


.bannerStoryList
{
    margin-top:-17px;
}

.bannerStory
{
    margin-top: 17px;
}


.bannerStory h2,
.bannerStory h2
{
    margin: 0;
    margin-top: 5px;
    width: 270px;
}

.bannerStory a
{
    display: block;    
    background-image: url('/Images/Arrows/link.png');
    background-position: right center;
    background-repeat: no-repeat;
    padding: 3px 5px 3px 5px;
}

.bannerStory a:hover
{
    background-image: url('/Images/Arrows/link_hover.png');

}

/************************/
/* FRONT PAGE NEWS      */
/************************/

.frontPageNews
{
    width: 270px;
    margin-left: 20px;
    margin-top: 20px;     
}


.frontPageNews h2
{  
    color: #ffffff;
    margin: 0;
    
    display: inline;
    background-color: #202020;
}

.frontPageNews h2 a
{  
    padding: 1px 3px 1px 3px;
}

.frontPageNews ul
{
    list-style: none; 
    padding: 0;
    margin: 10px 0px 0px 0px;
}

.frontPageNews ul li
{
    padding-bottom: 3px;
}

.frontPageNews a,
.frontPageNews a:visited
{
    color: #FFFFFF;
    background-color: #202020; 
}

.frontPageNews a:hover
{
    color: #202020;
    background-color: #E0E000;
}

.frontPageNews .more
{
    float: left;
}

/*
.darkBackground .frontPageNews .newsBorder
{
    border-bottom-color: #ffffff; 
}

.darkBackground .frontPageNews h2
{  
    color: #ffffff;
}*/

/************************/
/* EDITORIAL FILTER     */
/************************/


.editorialYearFilter
{
    height: 30px;
    width: 100%;
}

/************************/
/* EDITORIAL LIST       */
/************************/

.editorialList .editorial
{
    margin-bottom: 20px;
}

.editorialList .editorial h2
{
    margin-bottom: 0;
}

.editorialList .editorial .published
{
    margin-bottom: 10px;
    display: block;
    font-style: italic;
}


/************************/
/* EVENTS AND COURSES   */
/************************/

#eventsAndCourses h1,
#eventsAndCourses h2
{
    font-size: 26px;
}

#eventsAndCourses h2
{
    margin-top: 20px;
}

#eventsAndCourses #eventsAndCoursesHeader
{   
    border-bottom: 1px solid #666666;
    margin-bottom: 30px;
    padding-bottom: 10px;
    height: 30px;   
}

#eventsAndCourses #eventsAndCoursesHeader a
{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Trebuchet MS, Arial;    
    margin-left: 10px;
    padding: 3px 3px 3px 3px;
    vertical-align: bottom;
}


#eventsAndCourses table,
#eventsAndCourses td,
#eventsAndCourses th
{
    margin: 0;
    padding: 0;
    border-spacing: 0;
    text-align: left;
}

#eventsAndCourses table
{
    width: 100%;
}

#eventsAndCourses .periodList
{
    border-bottom: 1px solid #666666;
}

#eventsAndCourses tr.row td
{
    border-top: 1px solid #666666;
}
#eventsAndCourses th,
#eventsAndCourses tr.row td
{
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

#eventsAndCourses tr.row td
{
    cursor: pointer;
}

#eventsAndCourses th.date,
#eventsAndCourses td.date
{
    width: 140px;
}

#eventsAndCourses th.title,
#eventsAndCourses td.title
{
    width: 348px;
}

#eventsAndCourses th.location,
#eventsAndCourses td.location
{
    width: 140px;
}

#eventsAndCourses th.organizer,
#eventsAndCourses td.organizer,
#eventsAndCourses th.duration,
#eventsAndCourses td.duration
{
    width: 140px;
}

#eventsAndCourses th.arrow,
#eventsAndCourses td.arrow
{
    width: 30px;
}


#eventsAndCourses td.date
{
    padding-left: 5px;
}

#eventsAndCourses tr.selected,
#eventsAndCourses .entry
{
    background-color: #202020;
    color: #ffffff;
    width: 100%;
}

#eventsAndCourses .entry
{
    float: left;
    padding-bottom: 20px;
    display: none;
}
#eventsAndCourses .entryInfo
{
    width: 450px;    
    margin: 20px 20px 0px 20px;
    float: left;
}

#eventsAndCourses .entryInfo h1,
#eventsAndCourses .entryInfo h2
{
    /*white-space: nowrap;*/
    margin: 0;
    padding: 0;   
}

#eventsAndCourses .entryInfo h1
{
    color: #ffffff;
    display: inline;
}

#eventsAndCourses .entryInfo h2
{
    color: #A4A4A4;
}
#eventsAndCourses .entryDescription
{
    margin-top: 10px;
} 

#eventsAndCourses .entryRegistration 
{
    width: 350px;
    margin: 20px 20px 0px 20px;
    float: left;
}

#eventsAndCourses .entryRegistration td 
{
    color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #666666;
}

#eventsAndCourses .entryRegistration a 
{
    color: #E0E000;
}

#eventsAndCourses .entryRegistration a:hover
{
    background-color: transparent;
}

#eventsAndCourses .entryRegistration td.label 
{
    width: 100px;
}

#eventsAndCourses .entryRegistration td.value 
{
    width: 250px;
}

#eventsAndCourses .openOccurrence,
#eventsAndCourses .closeOccurrence
{ 
    display: block; 
    background-repeat: no-repeat;
}

#eventsAndCourses .openOccurrence:hover,
#eventsAndCourses .closeOccurrence:hover
{
    background-color: transparent;  
}

#eventsAndCourses .openOccurrence
{
    background-image: url('/Images/Arrows/link_small.png');      
    margin-top: 3px;
    width: 17px;
    height: 17px;
}

#eventsAndCourses .closeOccurrence
{
    background-image: url('/Images/Arrows/link_small_down.png');    
    margin-top: 3px;
    width: 17px;
    height: 17px;  
}

#eventsAndCourses .filter
{
    height: 30px;
}

#eventsAndCourses .courseFilter
{
    display: inline-block;
    float: left;
}

#eventsAndCourses .progress
{
    display: inline-block;
    margin-left: 30px;
    float: left;
    display: none;
}
/************************/
/* JOB ADS              */
/************************/

#jobAds h1
{
    font-size: 26px;
}

#jobAds #jobAdsHeader
{   
    border-bottom: 1px solid #666666;
    margin-bottom: 30px;
    padding-bottom: 10px;
    height: 40px;
}


#jobAds table,
#jobAds td,
#jobAds th
{
    margin: 0;
    padding: 0;
    border-spacing: 0;
    text-align: left;
}

#jobAds table
{
    width: 100%;
}

#jobAds th,
#jobAds tr.row td
{
    border-bottom: 1px solid #666666;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}


#jobAds th.location
{
    width: 140px;
}

#jobAds th.position
{
    width: 300px;
}

#jobAds th.deadline
{
    width: 140px;
}

#jobAds th.arrow
{
    width: 30px;
}

#jobAds tr.selected
{
    background-color: #202020;
    color: #ffffff;
    width: 100%;
}

#jobAds td.arrow
{
    background-image: url('/Images/Arrows/link_small.png');      
    width: 20px;
    height: 23px;
}

#jobAds td a:hover
{
    background-color: transparent;
}

/************************/
/* SEARCH               */
/************************/

.searchBox
{
   width: 896px; 
   margin-bottom: 20px;
}

.searchBox .boxContent
{
    width: 856px;
    margin-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.searchResult
{
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #A4A4A4;
}

.searchResult li
{
    border-bottom: 1px solid #A4A4A4;
}


.searchResult a
{
    display: block;
    padding: 10px 0px 10px 0px;
}

.searchResult a:hover
{
    background-color: #F6F6B2;
}

.searchResult .text
{
    color: #666666;
}


/************************/
/* WEBSHOP              */
/************************/

.product
{
    padding: 10px 0px 10px 0px;     
    overflow: hidden;   
}

.productImage
{
    width: 100px;
    float: left;
    margin-right: 10px;
}

.productInfo
{
    float: left;
    width:160px;
    margin-top:10px;
}

.productPrice
{
    font-weight: bold;
    display: block;
    font-family: Trebuchet MS;
}

.service
{
    padding: 10px 0px 10px 0px;    
    overflow: hidden;
}

.serviceIcon
{
    width: 70px;
    float: left;
    overflow: hidden;  
    margin-right: 10px;  
}

.serviceInfo
{
    float:left;
    width:190px;
    overflow: hidden;
}


/************************/
/* CONTACT DETAILS      */
/************************/

.contactDetails
{
   width: 270px;
   overflow: hidden;
   margin-bottom: 24px;
}

.contactDetails .boxContent
{
    width: 230px;
    margin-left: 20px;
    padding: 20px 0px 20px 0px;
}

.contactDetails h1,
.contactDetails .phone,
.contactDetails a.email,
.contactDetails a.email:hover 
{
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    background-color: transparent;
}

.contactDetails h1
{
    font-size: 35px;
}

.contactDetails .phone
{
    font-size: 44px;
    font-family: Trebuchet MS, Arial; 
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff;
}

.contactDetails a.email,
.contactDetails a.email:hover
{ 
    margin-top: 3px;
    font-size: 22px;
    font-family: Trebuchet MS, Arial; 
    text-transform: uppercase;
}

/************************/
/* REGION OFFICES       */
/************************/

.regionOfficeList .list,
.regionOfficeList .list li
{
    border-width: 0;
}

/************************/
/* OFFICES              */
/************************/

.officeList
{
    width: 130px;
    margin-right: 5px;
    display: inline;
}


.officeList a,
.officeList a:visited
{
    display: block;
    color: #666666;
    padding: 5px 0px 5px 0px;    
    background-image: url('/Images/Arrows/link_small.png');
    background-position: 115px center;
    background-repeat: no-repeat;
}

.officeList ul.list li a:hover,
.officeList ul.list li.selected a
{
    color: #ffffff;
    background-color: #202020;
    /*background-image: url('/Images/Arrows/link_small_down.png');*/
    
}

.office
{
    display: none;   
    background-color:  #202020;
    padding: 20px 20px 20px 20px;
}

.office span
{
    display: block;
}

.office h2,
.office span,
.office a,
.office a:visited
{
    color: #ffffff;
}

.office h2
{
    float: left;
}
.office .closeOffice
{
    float: right;
    background-color: transparent;
}


/************************/
/* FAQ                  */
/************************/

.faqList
{
    padding-bottom: 18px;
}

.faqList a,
.faqList a:visited
{
    display: block;
    color: #666666;
    
    padding: 5px 5px 5px 0px;
    
    background-image: url('/Images/Arrows/link_small.png');
    background-position: 255px center;
    background-repeat: no-repeat;
}

.faqList a:hover
{
    background-color: #202020;
    color: #ffffff;
    /*background-image: url('/Images/Arrows/link_small_down.png');*/
    cursor: pointer;
}

.faqList li.selected
{
    color: #ffffff;
    background-color: #202020;
}

.faqList li.selected a
{
    background-image: url('/Images/Arrows/link_down.png');
    color: #ffffff;
}

.faqList p a,
.faqList p a:visited,
.faqList p a:hover
{
    color: #E0E000;
    background-color: #202020;
    background-image: none;    
}

.faq
{
   display: none;   
   border-bottom: 1px solid #A4A4A4;
   padding: 0;
}

.faq p
{
    display: block;
    border-top: 1px solid #A4A4A4;
    color: #ffffff;
    padding: 15px 0px 0px 0px;
    margin-top: 0px 0px 0px 0px;
}

.faq .close
{    
    float: right;
    color: #ffffff;
    background-image: url('/images/close.png');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}

.faq .close:hover
{
    background-color: transparent;
}

/************************/
/* EMPLOYEE             */
/************************/

#employeeStory img
{
    margin-bottom: 10px;
}

#employeeStory h1
{
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

#employeeStory .employeeText
{
    padding: 10px 0px 10px 0px;
    margin: 0px;
    border-top: 1px solid #A4A4A4;
    border-bottom: 1px solid #A4A4A4;
}

#employeeInfo
{
    background-color: #ffffff;
    margin-top: 220px;
    width: 200px;
    padding: 20px 0px 20px 0px;
    float: right;
}

#employeeInfo div
{
    width: 160px;
    margin-left: 20px;
}

#employeeInfo .position
{
    font-style: italic;
}

.employeeList 
{
    min-height: 350px;
    margin-top: -20px;
}

.employeeList .employeeBox
{
    margin-top: 20px;
}

#employeeInfo
{
    height: 80px;
}

.employeeBox .boxImage
{
    width: 90px;
}

.employeeBox .boxInfo
{
    margin-top: 5px;
    width: 130px;
    height: 80px;
}

/************************/
/* NAVIGATE             */
/************************/

.navigate
{
    position: relative;
}

.navigateBack,
.navigateForward
{
    position: absolute;
    top: 240px;  
    display: block;
    width: 82px;
    height: 82px;
    background-repeat: no-repeat;
}

.navigateBack:hover,
.navigateForward:hover
{
    background-color: transparent;
}

.navigateBack
{
    margin-left: -60px;
    background-image: url('/Images/Arrows/circle_left.png');
}

.navigateBack:hover
{
    background-image: url('/Images/Arrows/circle_left_hover.png');
}

.navigateForward
{
    right: -60px; 
    background-image: url('/Images/Arrows/circle_right.png');
}

.navigateForward:hover
{
    background-image: url('/Images/Arrows/circle_right_hover.png');
}

/************************/
/* SOCIAL MEDIA MENU    */
/************************/

ul.socialLinks
{
    list-style: none;
    padding: 0;
    margin: 15px 0 0 0;
}

ul.socialLinks li
{
    float: left;
    margin-right: 3px;
}

ul.socialLinks li a:hover
{
    background-color: transparent;
}

/************************/
/* SHARE                */
/************************/

.share
{
    text-align: right;
    border-top: 1px solid #A4A4A4;
    border-bottom: 1px solid #A4A4A4;
    margin: 5px 0px 15px 0px;
    padding: 4px 0px 2px 0px;
}

.share .shareHeader
{
    font-family: Trebuchet MS, Arial;
    text-transform: uppercase;
    color: #202020; 
    font-size: 18px;
    font-weight: bold;    
    display: inline;
    vertical-align: top;
}

.a2a_kit
{
    display: inline;
}

.share a:hover
{
    background-color: transparent;
}


/************************/
/* CONTACT ME           */
/************************/

.contactMe 
{
    border-bottom: 1px solid #A4A4A4;
    padding-bottom: 3px;
    overflow: hidden;
}

.contactMe h2
{
    border-bottom: 1px solid #A4A4A4;    
}

.contactMe .contactFields
{
    width: 450px;
    display: inline-block;
    height: 32px;
    float: left;
}


.contactMe .contactButtons
{
    width: 128px;
    display: inline-block;
    height: 32px;
    float: right;
    text-align: right;
}

.contactMe .contactField
{
    display: inline-block;
    height: 32px;
    width: 183px;        
    background-image: url('/Images/contact_input.gif');
    background-repeat:no-repeat;
}

.contactMe .contactField input
{
    border-width: 0;
    height: 18px;
    width: 166px;
    margin: 5px 0px 0px 7px;
}

.contactMe .contactText
{
    display: inline-block;
    padding-top: 5px;
    vertical-align: top;
}

.contactMe .progress
{
    text-align: center;
}

/* JQuery IFrame Popup */
.externalSite
{
    width: 800px;
    height: 500px;
}

/* Breadcrumbs */

.breadCrumbs
{
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 15px 0px 0px 0px;
}

.breadCrumbs li
{
    display: inline;
    margin-right: 3px;
    font-family: Trebuchet MS, Arial;    
    text-transform: uppercase;
    font-size: 13px;
}

/* tips box */

.tipsBox
{
    display: none;
}

.tipsBox .tipsContent
{
    padding-top: 10px;
    display: block;
}

.tipsBox input
{
    font-weight: normal;    
}

.tipsBox .textFieldLong
{
    margin-right: 3px;
}

/* tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;	
}

.pager .currentPage:before
{
    content: "[";    
}

.pager .currentPage:after
{
    content: "]";    
}