/* 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%;
}

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

.lozenge h2 a:hover, .lozenge h3 a:hover {
        color: #FFFFFF;
        text-decoration: underline;
}
.lozenge h2 a:visited, .lozenge h3 a:visited {
        color: #FFFFFF;
        text-decoration: underline;
}
/* Lozenge Colours */
.bluelozenge{
        background-color: #0083d7;
}
.greylozenge {
        background-color: #cccccc;
}
.greenlozenge {
        background-color: #8FD400;
}
.orangelozenge {
        background-color: #ED6E00;
}
.pinklozenge {
        background-color: #D6006E;
}

/* Round the Corners  */
.cornertr {
        background:  url(../images/corner_tr.gif) 100% 0 no-repeat;
}
.cornerbr {
        background:  url(../images/corner_br.gif) 100% 100% no-repeat;
}

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

/* Arrow Icons */

/* Lozenge Sizes */
.largelozenge {
        font-size: 100%;
        padding: 8px 40px 8px 16px;s
}
.mediumlozenge {
        font-size: 95%;
        padding: 2px 40px 2px 16px;
}
.smalllozenge {
        font-size: 90%;
        padding: 2px 40px 2px 16px;
}
.navigationlozenge {
        font-size: 80%;
        padding: 2px 20px 2px 10px;
}
/* overwrite portal search styles*/

font.PortletText1{
color:#D6006E;
font-size: 80%;
font-weight: bold;
padding:0px;
margin:0px;
text-indent:0px;
}
font.defaultattributeid1siteid0{
color: #000000;
font-size: 80%;
font-weight: normal;
}

font.defaultattributeid1siteid0 A{
color: #000000;
font-size: 80%;
font-weight: normal;
}

font.defaultattributeid1siteid0 A:hover{
color: #000000;
font-size: 80%;
font-weight: normal;
text-decoration:underline;
}

.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 30px;
		color: #666666;
		background-position:0% 0%;
		background-image:  url(../images/sfw_sm_pink_disc.gif);
		background-repeat:no-repeat;
}
.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;
}