/*****************************************************************************
  CORE HTML SETUP
 *****************************************************************************/
html {
  }

body {
  margin:           0px;
    overflow-y:             scroll;
  background:       #DDDDDD;
  font-family:      Verdana, sans-serif;
  font-size:        11px;
  }

a {
  color:                #3366CC;
  text-decoration:  none;
  }

p {
  margin:           0px;
    padding:                    0px;
  }

ul{
    margin:                     5px;
    text-align:             left;
    color:                      #555555;
    }

li{
    margin-left:            20px;
    }

h1{
  margin:           10px 0px 15px 0px;
    padding:                    0px;
    font-size:              200%;
    font-weight:            bold;
    text-align:             left;
    color:                    #AAAAAA;
    }

h2{
  margin:           0px;
    padding:                    10px 0px 0px 0px;
    font-size:              150%;
    font-weight:            bold;
    text-align:             left;
    color:                    #223399;
    }

h3{
  margin:           0px;
    padding:                    15px 0px 5px 0px;
    font-size:              120%;
    text-align:             left;
    color:                    #223399;
    }

strong {
  color:            #336699;
    }

small {
    font-size:              90%;
    }


/*****************************************************************************
  COMMON CLASSES
 *****************************************************************************/
.column {
    float:                      left;
  display:          inline-block;
    }

._20 {
    width:                      20px;
    }

._50 {
    width:                      50px;
    }

._75 {
    width:                      75px;
    }

._100 {
    width:                      100px;
    }

._120 {
    width:                      120px;
    }

._150 {
    width:                      150px;
    }

._200 {
    width:                      200px;
    }

._250 {
    width:                      250px;
    }

._300 {
    width:                      300px;
    }

._400 {
    width:                      400px;
    }

._500 {
    width:                      500px;
    }

.okay {
    color:                      #00AA00;
    }

.error {
    color:                      #AA0000;
    }

.warning {
    color:                      #AA6600;
    }



.box {
    margin:                     10px 0px 30px 0px;
    padding:                    0px 10px 10px 10px;
  border:               solid 1px #CCCCCC;
    background:             #EEEEEE;
    }

.boxText {
  margin-top:       0px;
    padding:                    20px 2px 0px 2px;
    text-align:             justify;
    color:                      #555555;
  }

.boxTextcampus {
  margin-top:       0px;
    padding:                    20px 2px 0px 2px;
    text-align:             left;
    color:                      #555555;
  }
.icon {
    margin:                     0px;
    padding:                    0px;
  vertical-align:   middle;
    text-align:             center;
  border:           none;
  }

.inbox {
    position:                   relative;
    margin:                     5px 0px 10px 0px;
    padding:                    10px;
  border:               solid 1px #CCCCCC;
    background:             #FFFFFF;
    }

.inboxText {
  margin:           0px;
    padding:                    0px;
    text-align:             justify;
    color:                      #555555;
  }

.line {
    clear:                      both;
    padding:                    0px;
    height:                     1px;
    }

.left {
    float:                      left;
    margin:                     0px 20px 0px 0px;
    }

.right {
    float:                      right;
    margin:                     0px 0px 0px 20px;
    }

.text {
    text-align:             justify;
    color:                      #555555;
    }

.text2 {
    text-align:             left;
    color:                      #555555;
    }


.attachment{
    margin:                     5px 0px 0px 15px;
    text-align:             left;
  }

.attachIcon{
    margin-top:             -2px;
    height:                     16px;
  }

.attachText {
    padding:                    10px 0px 0px 10px;
    text-align:             justify;
    color:                      #3366CC;
    }



.dataTable {
    width:                      100%;
    text-align:             left;
	margin-top:             15px;
    padding:                    0px 15px 15px 15px;
    }

.dataLine {
    padding:                    5px 10px 5px 20px;
    text-align:             left;
    }

.dataOddLine {
    padding:                    5px 5px 5px 5px;
    background:             #FFFFFF;
    }

.dataEvenLine {
    padding:                    5px 5px 5px 5px;
    background:             #F8F8F8;
    }

.dataHighlighted {
    padding:                    5px 5px 5px 5px;
    background:             #F8F8C8;
    }

.dataHead {
    text-align:             left;
    font-weight:            bold;
    font-variant:           small-caps;
    color:                      #223399;
    }

.dataText {
    text-align:             left;
    }

.dataDate {
    text-align:             center;
    }
	
.dataLink {
    text-align:             left;
    font-style:             italic;
    color:                      #3366CC;
    }

.textBig {
    font-size:              120%;
    text-align:             left;
    color:                    #223399;
    }


/*****************************************************************************
  MAIN CONTAINER and common DIVS
 *****************************************************************************/
#bar {
    display:                    block;
  clear:            both;
  width:            100%;
    height:                     1px;
  margin:           0px;
  padding:          0px;
  }

#mainContainerLeft {
  width:            960px;
  margin:           0px;
  padding:          0px;
    background:             url(./images/main_left.gif) repeat-y top left;
  }

#mainContainerRight {
  width:            960px;
  margin:           0px;
  padding:          0px;
    background:             url(./images/main_right.gif) repeat-y top right;
  }

#mainContainer {
  width:            960px;
  margin:           0px;
  padding:          0px;
  background:       #FFFFFF;
  }

#mainContainerTop {
  width:            960px;
    height:                     11px;
  margin:           0px;
  padding:          0px;
  background:       url(./images/main_top.gif) repeat-x;
  }

#mainContainerTopLeft {
  width:            960px;
    height:                     11px;
  margin:           0px;
  padding:          0px;
    background:             url(./images/main_top_left.gif) no-repeat left;
  }

#mainContainerTopRight {
  width:            960px;
    height:                     11px;
  margin:           0px;
  padding:          0px;
    background:             url(./images/main_top_right.gif) no-repeat right;
  }

#mainContainerBottom {
  width:            960px;
    height:                     11px;
  margin:           0px;
  padding:          0px;
  background:       url(./images/main_bottom.gif) repeat-x;
  }

#mainContainerBottomLeft {
  width:            960px;
    height:                     11px;
  margin:           0px;
  padding:          0px;
    background:             url(./images/main_bottom_left.gif) no-repeat left;
  }

#mainContainerBottomRight {
  width:            960px;
    height:                     11px;
  margin:           0px;
  padding:          0px;
    background:             url(./images/main_bottom_right.gif) no-repeat right;
  }




/*****************************************************************************
  HEADER
 *****************************************************************************/
#headerContainer {
  clear:            both;
  width:            930px;
  background:       url(./images/header_back.jpg) no-repeat 0px 5px;
  }


#headerMenu {
  clear:            both;
  padding:          130px 0px 0px 0px;
  }

#headerMenu ul{
  margin:           0px 0px 0px 5px;
  padding:          0px;
    list-style-type:    none;
    }

#headerMenu li{
    float:                      left;
    margin:                     0px;
    }

#headerMenu a{
    display:                    block;
  line-height:      30px;
  padding:          0px 10px 0px 10px;
    font-size:              110%;
    font-weight:            bold;
    text-align:             center;
    color:            #FFFFFF;
    }

#headerMenu a:hover{
  background:       #AAAAAA;
    color:            #FFFFFF;
    }

#headerMenu a.on{
  background:       #FFFFFF;
    color:            #000099;
    }


#headerSubMenu {
  clear:            both;
    width:                      100%;
  padding:          0px;
  }

#headerSubMenu ul{
  margin:           0px 0px 0px 5px;
  padding:          0px;
    list-style-type:    none;
    }

#headerSubMenu li{
    float:                      left;
    margin:                     0px;
  line-height:      32px;
    }

#headerSubMenu a{
    display:                    block;
  padding:          0px 10px 0px 10px;
    font-size:              120%;
    font-weight:            normal;
    text-align:             center;
    color:            #000099;
    }

#headerSubMenu a:hover{
    color:            #DD7700;
    }

#headerSubMenu a.on{
    color:            #FF8800;
    }


/*****************************************************************************
  FOOTER
 *****************************************************************************/
#footerContainer {
  clear:            both;
  width:            930px;
  margin:           10px 0px 0px 0px;
  padding:          0px;
  }

#footerInfo {
  clear:            both;
  background:       url(./images/footer_back.gif) repeat-x;
  }

#footerInfo p.disclaimer {
    line-height:            45px;
  color:            #FFFFFF;
  text-align:       center;
    font-size:              90%;
}

#footerInfo a {
  color:                #F8F800;
    }

#footerInfo span {
    padding:          0px 100px 0px 100px;
    }



/*****************************************************************************
  DATA CONTAINER
 *****************************************************************************/
#centreContainer {
  clear:            both;
  width:            930px;
  margin:           0px;
  padding:          0px 0px 0px 0px;
    border-style:           solid;
    border-width:           1px 0px 0px 0px;
    border-color:           #000099;
  }


/*****************************************************************************
  COLUMN CONTAINERS
 *****************************************************************************/
#pageColumnAdverts {
    display:                    block;
  float:            right;
  width:            175px;
    background:             #FFFFFF;
    }

#pageColumnAdvertsLeft {
  width:            175px;
    background:             url(./images/dotv.gif) repeat-y top left;
  }



#pageColumnEvents {
    display:                    block;
  float:            right;
  width:            345px;
    background:             #FFFFFF;
    }

#pageColumnEventsLeft {
  width:            345px;
    background:             url(./images/dotv.gif) repeat-y top left;
  }



#pageColumnMiniNews {
    display:                    block;
  float:            right;
  width:            410px;
  overflow:         hidden;
    background:             #FFFFFF;
    }


#pageColumnSingle {
    display:                    block;
  float:            right;
  width:            750px;
    background:             #FFFFFF;
    }

#pageBackoffice {
    display:                    block;
  width:            925px;
    background:             #FFFFFF;
    }


/*****************************************************************************
  MODULES - ADVERTS
 *****************************************************************************/
#adverts {
  width:            150px;
    margin:                     10px 0px 30px 0px;
    padding-left:           10px;
    }

#adverts p.title {
    width:                      150px;
    margin-top:             10px;
    padding:                    5px 0px 5px 0px;
  border:               solid 1px #101010;
    font-weight:            bold;
    font-size:              120%;
    color:                      #FFFFFF;
    background:             #223399;
    }

#adverts p.Gold{
    width:                      150px;
    margin:                     5px 0px 0px 0px;
    padding:                    5px 0px 5px 0px;
  border:               solid 1px #101010;
  text-align:       center;
  color:            #404040;
  background:       #FFBB44;
  }

#adverts p.Silver{
    width:                      150px;
    margin:                     5px 0px 0px 0px;
    padding:                    5px 0px 5px 0px;
  border:               solid 1px #101010;
  text-align:       center;
  color:            #FFFFFF;
  background:       #AAAAAA;
  }

#adverts p.Bronze{
    width:                      150px;
    margin:                     5px 0px 0px 0px;
    padding:                    5px 0px 5px 0px;
  border:               solid 1px #101010;
  text-align:       center;
  color:            #F0F0F0;
  background:       #995511;
  }

#adverts a{
    margin:                     0px;
    padding:                    0px;
    border-style:           none;
    }

#adverts img {
    margin:                     0px;
    padding:                    0px;
  border-style:     solid;
  border-width:     0px 1px 1px 1px;
  border-color:     #000066;
    }


/*****************************************************************************
  MODULES - AGENDA
 *****************************************************************************/
#agenda {
    padding:                    0px 5px 0px 20px;
    }

#agenda p.heading {
    font-weight:            bold;
    font-size:              140%;
    text-align:             left;
    color:                      #223399;
    }

#agenda p.date {
    padding:          4px 0px 6px 0px;
    font-weight:            bold;
    text-align:             left;
    color:                      #EE7700;
    }

#agenda p.attach {
    padding:                    7px 0px 0px 20px;
    text-align:             justify;
    color:                      #555555;
    }

#agenda p.div {
    margin:                     20px 0px 10px 0px;
    background:             url(./images/line.gif) repeat-x;
    }

#agenda table {
    width:                      100%;
    margin-top:             0px;
    }

#agenda td {
    text-align:             justify;
    }

#agenda td.heading {
  font-weight:      bold;
    padding:                    3px 0px 3px 5px;
  color:            #336699;
    background:             #E8F0F8;
    }

#agenda table.game {
  margin-top:       5px;
  margin-bottom:    5px;
    }

#agenda td.game1 {
    padding:                    3px 1px 0px 1px;
    }

#agenda td.game2 {
    padding:                    0px 1px 3px 1px;
  border-style:     solid;
  border-width:     0px 0px 1px 0px;
  border-color:     #000000;
    }

#agenda td.odd {
    background:             #FFFFFF;
    }

#agenda td.even {
    background:             #F8F8F8;
    }

#agenda ul {
  padding-left:     20px;
    }

#agenda li {
  padding:          0px;
  margin:           0px;
  text-align:       justify;
    }



/*****************************************************************************
  MODULES - BIRTHDAYS
 *****************************************************************************/
#birthdays {
  width:            150px;
    margin:                     10px 0px 30px 0px;
    padding-left:           10px;
    }

#birthdays p.title {
    width:                      150px;
    margin-top:             10px;
    padding:                    5px 0px 5px 0px;
  border:               solid 1px #101010;
    font-weight:            bold;
    font-size:              120%;
    color:                      #FFFFFF;
    background:             #223399;
    }

#birthdaysData {
    width:                      150px;
    margin-top:             5px;
  border:               solid 1px #223399;
  color:            #223399;
  background:       #DDEEBB;
    }

#birthdaysData p.subtitle {
    clear:                      both;
    margin:                     12px 5px 0px 5px;
    font-size:              120%;
  color:            #000000;
  text-align:       left;
    text-decoration:    underline;
    }

#birthdaysData p.text {
  color:            #000000;
    margin:                     4px 5px 0px 5px;
    text-align:             left;
    }

#birthdaysData img {
    margin-top:             10px;
    }


/*****************************************************************************
  MODULES - CARD
 *****************************************************************************/
.card {
    float:                      left;
    margin:                     10px 0px 0px 3px;
  width:            235px;
    height:                     111px;
    background:             url(./images/card.gif) repeat-y top left;
    }

.cardHead {
    margin:                     30px 10px 0px 80px;
    text-align:             left;
    font-weight:            bold;
    font-variant:           small-caps;
    color:                      #223399;
    }

.cardName {
    margin:                     3px 0px 0px 80px;
    text-align:             left;
    }

.cardMail {
    margin:                     3px 0px 0px 80px;
    text-align:             left;
    font-style:             italic;
    color:                      #3366CC;
    }


/*****************************************************************************
  MODULES - GALLERY
 *****************************************************************************/
.galleryBox {
    margin:                     10px 0px 30px 0px;
    padding:                    0px;
  border:               solid 1px #CCCCCC;
    background:             #EEEEEE;
    }

.galleryImage {
  margin:               10px 0px 0px 10px;
  float:            left;
  width:            160px;
  height:           160px;
  border:               solid 1px #888888;
    }

.galleryData {
  margin:                       10px 10px 0px 0px;
  width:            550px;
  float:            right;
    }

.galleryTable {
  width:            540px;
}

.galleryHead {
  height:           20px;
    text-align:             left;
  font-size:        150%;
    font-weight:            bold;
    color:                    #223399;
    }

.galleryDate {
  height:           20px;
    text-align:             right;
  font-size:        150%;
    color:                      #AAAAAA;
    }

.galleryText {
  height:           113px;
    }

.galleryLink {
  position:         absolute;
  top:              100px;
    right:                      10px;
  width:            530px;
  height:           25px;
  line-height:      25px;
    text-align:             right;
    background:             #EEEEEE;
    color:                      #3366CC;
    }


/*****************************************************************************
  MODULES - LINKS
 *****************************************************************************/
.linkImage {
  float:            left;
    width:                      200px;
  margin:                       10px 0px 10px 0px;
  border:               none;
    text-align:             center;
    }

.linkIcon {
  margin:                       0px 10px 0px 0px;
    vertical-align:     bottom;
    }

.linkText {
  margin:                       5px 10px 5px 240px;
    line-height:            16px;
    text-align:             left;
    }


/*****************************************************************************
  MODULES - LOGIN
 *****************************************************************************/
#login {
  clear:            both;
    margin:                     -55px 0px 0px 0px;
    float:                      right;
    }

#login p.user{
    float:                      right;
    margin:                     3px 0px 0px 0px;
    font-size:              80%;
    text-align:             left;
    color:                      #FFFFFF;
    }

#login p.label{
    float:                      right;
    margin:                     3px 0px 0px 10px;
    font-size:              80%;
    text-align:             left;
    color:                      #FFFFFF;
    }

#login input{
    float:                      right;
  width:            50px;
    margin:                     1px 0px 0px 5px;
    padding:                    0px;
    font-size:              80%;
    }

#login button{
    float:                      right;
    margin:                     0px 10px 0px 20px;
    font-size:              80%;
  color:            #3366CC;
    border-color:           #FFFFFF;
    }

#login button:hover{
  color:            #FFFFFF;
    background:             #3366CC;
    }



/*****************************************************************************
  MODULES - MAPS
 *****************************************************************************/
.googleMap {
    width:                      100%;
    height:                     400px;
  border:               none;
    }


/*****************************************************************************
  MODULES - NEIGHBOURHOOD
 *****************************************************************************/
#neighbourhood {
  width:            150px;
    margin:                     10px 0px 30px 0px;
    padding-left:           10px;
    }

#neighbourhood p.title {
    width:                      150px;
    margin-top:             10px;
    padding:                    5px 0px 5px 0px;
  border:               solid 1px #101010;
    font-weight:            bold;
    font-size:              120%;
    color:                      #FFFFFF;
    background:             #223399;
    }

#neighbourhood a{
    margin:                     0px;
    padding:                    0px;
    border-style:           none;
    }

#neighbourhood img {
    margin-top:             5px;
    padding:                    0px;
  border-style:     solid;
  border-width:     0px 1px 1px 1px;
  border-color:     #000066;
    }


/*****************************************************************************
  MODULES - NEWS
 *****************************************************************************/
#news {
    padding:                    0px 5px 0px 10px;
    }

.new {
    margin:                     10px 0px 30px 0px;
    padding:                    15px 15px 5px 15px;
  border:               solid 1px #CCCCCC;
    background:             #EEEEEE;
  zoom:             1;
    }

#news p.heading {
    font-size:              130%;
    font-weight:            bold;
    text-align:             left;
    color:                      #223399;
    }

#news p.category {
    font-size:              100%;
    font-weight:            bold;
    text-align:             justify;
    color:                      #EE7700;
    }

#news p.date {
    margin-bottom:    10px;
    text-align:             justify;
    color:                      #223399;
    }

#news p.content {
    text-align:             justify;
    color:                      #555555;
    }

#news p.bottom {
    clear:                      both;
    }

#news img.left {
    float:                      left;
    margin:           0px 20px 10px 0px;
  border:           solid 2px #FFFFFF;
    }

#news img.right {
    float:                      right;
    margin:           0px 0px 10px 20px;
  border:           solid 2px #FFFFFF;
    }

#news img.center {
    margin:           20px 0px 0px 0px;
  border:           solid 2px #FFFFFF;
    }

#pageColumnMiniNews img {
    width:                      160px;
  border:           solid 2px #FFFFFF;
    }

#pageColumnMiniNews img.attachIcon{
    margin-top:             -2px;
    height:                     16px;
    width:                      16px;
  border:           none;
  }

#pageColumnMiniNews a.more {
  float:            right;
  margin-top:       15px;
    }



/*****************************************************************************
  MODULES - SCHEDULE
 *****************************************************************************/
#img.photo {
    float:                      left;
    padding:                    10px 10px 10px 0px;
    }


/*****************************************************************************
  MODULES - SOCIAL
 *****************************************************************************/
#social {
  width:            150px;
    margin:                     10px 0px 30px 0px;
    padding-left:           10px;
    }

#social p.title {
    width:                      150px;
    margin-top:             10px;
    padding:                    5px 0px 5px 0px;
  border:               solid 1px #101010;
    font-weight:            bold;
    font-size:              120%;
    color:                      #FFFFFF;
    background:             #223399;
    }

#social p.script {
    margin:                     5px 0px 0px 0px;
    padding:                    0px;
  border-style:     none;
    }

#social a{
    margin:                     0px;
    padding:                    0px;
    border-style:           none;
    }

#social img {
    margin:                     5px 0px 0px 0px;
    padding:                    0px;
  border-style:     solid;
  border-width:     1px 1px 1px 1px;
  border-color:     #000066;
    }


/*****************************************************************************
  MODULES - STATISTICS
 *****************************************************************************/
#stats {
  width:            150px;
    margin:                     10px 0px 30px 0px;
    padding-left:           10px;
    }

#stats p.title {
    width:                      150px;
    margin-top:             10px;
    padding:                    5px 0px 5px 0px;
  border:               solid 1px #101010;
    font-weight:            bold;
    font-size:              120%;
    color:                      #FFFFFF;
    background:             #223399;
    }

#statsData {
    width:                      150px;
    margin-top:             5px;
    padding:                    0px 0px 10px 0px;
  border:               solid 1px #223399;
  text-align:       left;
  color:            #223399;
  background:       #F0F0C0;
    }

#statsData p.subtitle {
    clear:                      both;
    padding:                    10px 5px 0px 5px;
    font-weight:            bold;
    }

.statsData {
    float:                      left;
    }

#statsData p.data {
    padding:                    3px 0px 0px 10px;
    text-align:             left;
    }

.statsNumber {
    float:                      right;
    }

#statsData p.number {
    padding:                    3px 5px 0px 0px;
    text-align:             right;
    }

.statsLine {
    clear:                      both;
    }

/*****************************************************************************
  MODULES - TEAMS, GAMES AND CHRONICLES
 *****************************************************************************/
#teams {
    }

#teamData img.photo {
    float:                      left;
    padding:                    10px 10px 10px 0px;
    }

.teamSelection {
    float:                      right;
    margin-left:            10px;
    font-size:              140%;
    color:                    #AAAAAA;
    }

.teamTable {
    width:                      230px;
    margin:                     8px 0px 10px 0px;
    }

.teamHead {
    padding:                    5px 10px 5px 10px;
    font-weight:            bold;
    font-variant:           small-caps;
    text-align:             center;
    background:           #C4CDE0;
    color:                      #223399;
    }

.teamNumber {
    text-align:             center;
    color:                    #223399;
    }

.teamPlayer {
    text-align:             left;
    color:                    #223399;
    }

.teamPosition {
    text-align:             left;
    color:                    #223399;
    }

.gameTable {
    width:                      100%;
    padding:                    5px;
    }

.gameHead {
    padding:                    5px 10px 5px 10px;
    font-weight:            bold;
    font-variant:           small-caps;
    text-align:             center;
    background:           #C4CDE0;
    color:                      #223399;
    }

.gameLeague {
    padding:                    15px 10px 5px 5px;
  font-size:        130%;
    font-weight:            bold;
    text-align:             left;
    color:                      #223399;
    }

.gameData {
    padding:                    5px 0px 5px 0px;
    text-align:             center;
  color:                        #223399;
}

.gameTeam {
    padding:                    5px 0px 5px 5px;
    text-align:             left;
  color:                        #223399;
  }

.chHeading {
    margin:                     5px 0px 5px 0px;
  font-size:        150%;
    text-align:             left;
  color:                        #223399;
    }

.chResult {
    padding:                    3px 0px 3px 0px;
    border-style:           dotted;
    border-width:         1px 0px 1px 0px;
  color:                        #223399;
  zoom:             1;
    }

.chTeam {
    float:                      left;
    width:                      400px;
  font-size:        130%;
    text-align:             left;
  color:                        #223399;
    }

.chScore {
    float:                      left;
    width:                      300px;
  font-size:        130%;
    text-align:             left;
  color:                        #223399;
    }

.chDate {
    margin:                     5px 0px 20px 0px;
  font-size:        110%;
    text-align:             left;
  color:                        #223399;
    }

.chText {
  font-size:        110%;
    text-align:             justify;
    color:                      #555555;
    }

.chMediaHeader {
  width:            100%;
    margin:                     40px 0px 10px 0px;
    background:             #EEEEEE;
    }

.chMediaHeader img{
    padding:                    2px 20px 2px 10px;
    text-align:             left;
  vertical-align:   middle;
    }

.chMediaHeader p{
  font-size:        130%;
    text-align:             left;
    color:                      #223399;
    }

.chMediaHeader a{
    float:                      right;
    position:                   relative;
    text-align:             right;
    padding:                    7px 10px;
  font-size:        100%;
    color:                      #223399;
    }

.chMediaHeader a span{
    display:                    none;
    }

.chMediaHeader a:hover{
    }

.chMediaHeader a:hover span{
    display:                    block;
    position:                   absolute;
    left:                           -300px;
    z-index:                    100;
    margin-top:             10px;
    padding:                    10px;
    border-style:           solid;
    border-width:           1px;
    border-color:           #223399;
    font-weight:            normal;
    text-align:             justify;
    background:             #EEEEEE;
    }


/*****************************************************************************
  MODULES - BACKOFFICE
 *****************************************************************************/
#pageBackoffice .selection{
    padding:                    10px 0px 10px 0px;
    border-style:           solid;
    border-width:           1px 0px 0px 0px;
  zoom:             1;
    }

#pageBackoffice p {
    margin:                     5px 0px 0px 20px;
    text-align:             justify;
    color:                      #555555;
    }

#pageBackoffice p.okay {
    color:                      #00AA00;
    }

#pageBackoffice p.error {
    color:                      #AA0000;
    }

#pageBackoffice p.warning {
    color:                      #AA6600;
    }

#pageBackoffice p.column {
    margin:                     5px 0px 0px 5px;
    text-align:             justify;
    color:                      #555555;
    }

#pageBackoffice p.checkbox {
    margin:           5px 0px 0px 35px;
    padding:                    0px;
    color:                      #555555;
    }

#pageBackoffice p.radio {
    margin:           5px 0px 0px 35px;
    padding:                    0px;
    color:                      #555555;
    }

#pageBackoffice input {
    float:                      left;
    margin:                     0px;
    padding:                    0px;
    }

#pageBackoffice input[type="file"] {
    color:                      #222222;
    }

#pageBackoffice input[type="checkbox"] {
  clear:            both;
    margin:           2px 0px 0px 5px;
    padding:                    0px;
  text-align:       left;
    }

#pageBackoffice input[type="radio"] {
  float:            left;
    margin:           5px 0px 0px 15px;
    padding:                    0px;
  text-align:       left;
    }

#pageBackoffice select {
    float:                      left;
    padding:                    0px;
  text-align:       left;
    }

#pageBackoffice textarea {
    float:                      left;
    margin:                     0px;
    padding:                    0px;
    width:                      100%;
    }

#pageBackoffice button{
    margin:                     0px 10px 0px 10px;
    border-color:           #DDDDDD;
    color:                      #222222;
  background:       #DDDDDD;
    }

#pageBackoffice button:hover{
    color:                      #222222;
  background:       #F8F8CC;
    }

#pageBackoffice button:disabled{
    color:                      #BBBBBB;
  background:       #DDDDDD;
  }

#pageBackoffice .inline{
  clear:            none;
    float:                      left;
    margin:                     0px 0px 0px 10px;
    }


/*****************************************************************************
  MODULES - TROFEU
 *****************************************************************************/
p.trofeuTitle {
    text-align:             left;
    font-weight:            bold;
    font-variant:           small-caps;
    color:                      #223399;
    }

p.trofeuSpeaker {
    text-align:             left;
    }

#trofeuContent{
    text-align:             left;
}