@charset "utf-8";

/* Set text and element styles for content */
#Portal {
    padding: 15px 5px 0px 5px;
}

#Portal a{
    text-decoration: none;
}
#Portal h1{
    font-size: 26px;
    text-transform: uppercase;
    margin:0px;
    font-family: 'Arial Narrow', sans-serif;
}
#Portal h2{
    font-size: 20px;
    text-transform: none;
    margin:0px;
    font-family: 'Arial Narrow', sans-serif;
}

/* List */
ul { list-style-type:square; padding-left: 20px; }
li { padding-left: 2px; }

/* Different header colors for different boxes */
.blue h1 {
    color: #FFFFFF;
}
.blue h2 {
    color: white;
}
.grey h1 {
    color: #0099d8;
}
.grey h2 {
    color: white;
}
.darkgrey h1 {
    color: #FFFFFF;
}
.darkgrey h2 {
    color: white;
}

/* Extra links below boxes */
.extra  {
    line-height: 16px;
    margin: 15px;
}
.extra a {
    color: grey !important;
    text-decoration: none !important;
}
.extra a:hover {
    color: darkgrey !important;
    text-decoration: underline !important;
}


/* Blue box */
.blue {
    background: #0099d8;
    margin: 7px;
}
.blue_top div {
    background: url(images/Portal/corners/blue_tl.png) no-repeat top left;
}
.blue_top {
    background: url(images/Portal/corners/blue_tr.png) no-repeat top right;
}
.blue_bottom div {
    background: url(images/Portal/corners/blue_bl.png) no-repeat bottom left;
}
.blue_bottom {
    background: url(images/Portal/corners/blue_br.png) no-repeat bottom right;
}

/* Grey box */
.grey {
    background: #adb0b1;
    margin: 7px;
}
.grey_top div {
    background: url(images/Portal/corners/grey_tl.png) no-repeat top left;
}
.grey_top {
    background: url(images/Portal/corners/grey_tr.png) no-repeat top right;
}
.grey_bottom div {
    background: url(images/Portal/corners/grey_bl.png) no-repeat bottom left;
}
.grey_bottom {
    background: url(images/Portal/corners/grey_br.png) no-repeat bottom right;
}

/* Darkgrey box */
.darkgrey {
    background: #7f8385;
    margin: 7px;
}
.darkgrey_top div {
    background: url(images/Portal/corners/darkgrey_tl.png) no-repeat top left;
}
.darkgrey_top {
    background: url(images/Portal/corners/darkgrey_tr.png) no-repeat top right;
}
.darkgrey_bottom div {
    background: url(images/Portal/corners/darkgrey_bl.png) no-repeat bottom left;
}
.darkgrey_bottom {
    background: url(images/Portal/corners/darkgrey_br.png) no-repeat bottom right;
}

/* Set style on top and bottom parts of boxes */
.trans_top div, .trans_top, .trans_bottom div, .trans_bottom,
.grey_top div, .grey_top, .grey_bottom div, .grey_bottom,
.darkgrey_top div, .darkgrey_top, .darkgrey_bottom div, .darkgrey_bottom,
.blue_top div, .blue_top, .blue_bottom div, .blue_bottom {
    width: 100%;
    height: 10px;
    font-size: 1px;
}

/* Content of the boxes */
.content {
    margin: 0 10px;
    height:100px;
    color:black;
    font-size: 14px;
}
.content a, .content a:hover{
    color:white;
    text-decoration: none;
}
/* Transparent box on white background (title image) */
.trans {
    background: no-repeat;
    margin: 7px;
    background-size: 100%;
}
.trans_top div {
    background: url(images/Portal/corners/trans_tl.png) no-repeat top left;
}
.trans_top {
    background: url(images/Portal/corners/trans_tr.png) no-repeat top right;
}
.trans_bottom div {
    background: url(images/Portal/corners/trans_bl.png) no-repeat bottom left;
}
.trans_bottom {
    background: url(images/Portal/corners/trans_br.png) no-repeat bottom right;
}
.trans .content { height: 180px; }