/* CSS Document */

.large {
	width: 500px; 
	min-height: 2em;
	*height: 2em;
}

.medium {
	width: 250px; 
	min-height: 4em;
	*height: 4em;
}

.small  { width: 160px; 
	min-height: 5em;
	*height: 5em;
	margin: 0px 4px;
}

.lozenge {
        text-align: left;
        margin: 5px 0 0 2px;
}

.lozenge h2, .lozenge h3 {
        color: #FFFFFF;
        margin: 0;
        padding: 0;
        height: 100%;
        font-weight:bold;
}

.lozenge h2 a, .lozenge h3 a {
        color: #FFFFFF;
        text-decoration: none;
        width: 100%;
        height: 100%;
        display: block;
        cursor: hand;
}

.lozenge h2 a:hover, .lozenge h3 a:hover { 
        color: #FFFFFF;
        text-decoration: underline;
}
.lozenge h2 a:visited, .lozenge h3 a:visited {
        color: #FFFFFF;
}
.lozenge h4 {
        color: #333366;
        margin: 0px 0px 8px 0px;
        padding: 0;
        height: 100%;
}

.lozenge h4 a{
        color: #333366;
        text-decoration: none;
        width: 100%;
        height: 100%;
        display: block;
}
.lozenge h4 a:hover {
        color: #333366;
        text-decoration:underline;
}
.lozenge h4 a:visited {
        color: #333366;
}
/* Lozenge background Colours */
.lozenge0 {
        background-color: #E0F0FF;
}
.lozenge1{
background-image:url(../images/banner1.jpg);
background-repeat:repeat-x;
background-position:top;

background-color:#1CABCF;
}
.lozenge2{
background-image:url(../images/banner2.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#1EA3CB;
}
.lozenge3{
background-image:url(../images/banner3.jpg);
background-repeat:repeat-x;
background-position:top;

background-color:#1A91C2;
}
.lozenge4{
background-image:url(../images/banner4.jpg);
background-repeat:repeat-x;
background-position:top;

background-color:#1785B9;
}
.lozenge5{
        background-color: #0A7AAA;
}
.lozenge6{
        background-color: #006699;
}
.lhs_lozenge {
        background-color: #E0F0FF;
}



/* Icon Position */
.topiconposition {
        background-position: 100% 10%;
        background-repeat: no-repeat;
}
.middleiconposition {
        background-position: 100% 50%;
        background-repeat: no-repeat;
}
.bottomiconposition {
        background-position: 100% 100%;
        background-repeat: no-repeat;
}

/* Arrow Icons */
.large1arrow {
        background-image:  url("../images/arrow1.gif");
        margin: 0px 10px 0px 0px;
}
.large2arrow {
        background-image:  url("../images/arrow2.gif");
        margin: 0px 10px 0px 0px;
}
.large3arrow {
        background-image:  url("../images/arrow3.gif");
        margin: 0px 10px 0px 0px;
}
.large4arrow {
        background-image:  url("../images/arrow4.gif");
        margin: 0px 10px 0px 0px;
}
.large5arrow {
        background-image:  url("../images/arrow5.gif");
        margin: 0px 10px 0px 0px;
}
.large6arrow {
        background-image:  url("../images/arrow6.gif");
        margin: 0px 10px 0px 0px;
}

.navigationbluearrow {
        background-image:  url("../images/arrow.gif");
        margin: 0px;
}

.newsbluearrow {
        background-image:  url("../images/arrow_down.gif");
        margin: 0px;
}
/* Lozenge Sizes */
.largelozenge {
        font-size: 100%;
        padding: 8px 0px 8px 16px;
        width: 400px;
}
.mediumlozenge {
        font-size: 95%;
        padding: 2px 40px 2px 16px;
}
.smalllozenge {
        font-size: 90%;
        padding: 2px 40px 2px 16px;
}
.navigationlozenge {
        font-size:75%;
        color:#333366;
        padding: 2px 2px 5px 2px;
        margin: 0px 0px 0px 4px;
        border-bottom: 2px dotted #999999;
}
.whiteborder{
width: 180px;
padding: 3px 0px 0px 0px;
border-bottom: 2px solid #FFFFFF;
}
/* overwrite portal search styles*/

font.PortletText1{
color:#3284C9;
font-size: 70%;
font-weight: bold;}

.calc_lozenge {
        text-align: left;
        margin: 5px 0 0 2px;
        width: 570px;
}
/* calculator specific styles*/
.calculator {
        text-align: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 10px 0px;
		color: #666666;
}
.calculator h3 {
        margin: 0;
        padding: 0;
        height: 100%;
}

.calculator h3 a{
        text-decoration: none;
        width: 100%;
        height: 100%;
        display: block;
}

.calculator h3 a:hover {
        text-decoration: underline;
}
.calculator h3 a:visited {
		color: #FFFFFF;
		text-decoration: none;
}