@font-face {
    font-family: 'VegurRegular';
    src: url('../CSS/Fonts/vegur-r_0.602-webfont.eot');
    src: url('../CSS/Fonts/vegur-r_0.602-webfont.eot?#iefix') format('embedded-opentype'),
         url('../CSS/Fonts/vegur-r_0.602-webfont.woff') format('woff'),
         url('../CSS/Fonts/vegur-r_0.602-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VegurLight';
    src: url('../CSS/Fonts/vegur-l_0602-webfont.eot');
    src: url('../CSS/Fonts/vegur-l_0602-webfont.eot?#iefix') format('embedded-opentype'),
         url('../CSS/Fonts/vegur-l_0602-webfont.woff') format('woff'),
         url('../CSS/Fonts/vegur-l_0602-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face 
{
    font-family: 'ColaborateThinRegular';
    src: url('../CSS/Fonts/ColabThi-webfont.eot');
    src: url('../CSS/Fonts/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../CSS/Fonts/ColabThi-webfont.woff') format('woff'),
         url('../CSS/Fonts/ColabThi-webfont.ttf') format('truetype'),
         url('../CSS/Fonts/ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.mainContent
{
	background-image: url('../Images/sd41_background.jpg');
    background-color: #004e75;
	height: 100%;
	left: 0;
	overflow: auto;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

.topBarTitle
{
    font-family: 'VegurRegular', Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 30px;
    color: #fbf8f0;
    padding: 0;
}

.topBarTitle a
{
    text-decoration: none;
    font-family: 'VegurRegular', Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 30px;
    color: #fbf8f0;
    padding: 0;
}

div.tilebox {
    background: none;
    position: relative;
    width: 750px;
    height: 130px;
	padding: 0px;
    margin: 0px;
}

div.tilebox:hover {
    cursor: pointer;
    background: url('../Images/trans_light_bg.png') repeat;
}

a.tileDivLink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    /* Makes sure the link doesn't get underlined */
    z-index: 10;
    /* raises anchor tag above everything else in div */
    background-color: white;
    /*workaround to make clickable in IE */
    opacity: 0;
    /*workaround to make clickable in IE */
    filter: alpha(opacity=0);
    /*workaround to make clickable in IE */
}

table.optionbox
{
	background: url('../Images/trans_light_bg.png') repeat;
	width: 750px;
	height: 130px;
	text-align: left;
	vertical-align: middle;
	padding: 0px 20px;
}

table.optionbox td
{
	font-weight: normal;
    color: #fbf8f0;
	font-family: 'ColaborateThinRegular', Arial, Verdana, Helvetica, sans-serif;
}

table.optionbox a, table.optionbox a:link, table.optionbox a:visited
{
    text-decoration: none;
    font-weight: normal;
    color: #fbf8f0;
	font-family: 'ColaborateThinRegular', Arial, Verdana, Helvetica, sans-serif;
}

table.optionbox td.icon
{
	width: 150px;
	height: 110px;
	text-align: center;
	vertical-align: middle;
    padding: 0px;
    margin: auto;
}

table.optionbox td.icon a img
{
	width: 80px;
	height: 80px;
}

table.optionbox td.content
{
	text-align: left;
	vertical-align: top;
    padding: 20px 10px 0px 20px;
    margin: 0px;
}

table.optionbox td.content a
{
    font-size: 43px;
}

table.optionbox td.content a:hover
{
    text-decoration: underline;
}

table.optionbox td.content p
{
	background: none;
	font-family: 'ColaborateThinRegular', Arial, Verdana, Helvetica, sans-serif;
	font-size: 23px;
	color: #fbf8f0;
	width: 480px;
	text-align: left;
	vertical-align: bottom;
    padding: 10px 0px 0px 0px;
    margin: 0px;
}

.functionbox
{
	background: url('../Images/trans_light_bg.png') repeat;
	width: 650px;
	text-align: left;
	vertical-align: middle;
	padding: 10px 20px;
}

.functionbox h1
{
	font-size: 46px;
	font-weight: normal;
    color: #fbf8f0;
	font-family: 'ColaborateThinRegular', Arial, Verdana, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
}

p.functionbox_desc
{
	background: none;
	font-family: 'ColaborateThinRegular', Arial, Verdana, Helvetica, sans-serif;
	font-size: 23px;
	color: #fbf8f0;
	width: 650px;
	height: 30px;
	text-align: left;
	vertical-align: middle;
	padding: 10px;
    margin: 0px;
}

table.functionform
{
	width: 100%;
}

table.functionform td
{
	font-size: 26px;
	font-weight: normal;
    color: #fbf8f0;
	font-family: 'ColaborateThinRegular', Arial, Verdana, Helvetica, sans-serif;
    text-align: left;
    padding: 10px;
    margin: 0px;
}

table.functionform td.formlabel
{
	font-size: 26px;
	font-weight: normal;
    color: #fbf8f0;
	font-family: 'ColaborateThinRegular', Arial, Verdana, Helvetica, sans-serif;
    text-align: right;
    padding: 10px;
    margin: 0px;
    vertical-align: top;
}

ul.pwdreq
{
	font-size: 20px;
	font-weight: bold;
    color: #fbf8f0;
	font-family: 'ColaborateThinRegular', Arial, Verdana, Helvetica, sans-serif;
    text-align: left;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}

ul.pwdreq li
{
	font-size: 18px;
	font-weight: normal;
    color: #fbf8f0;
	font-family: 'ColaborateThinRegular', Arial, Verdana, Helvetica, sans-serif;
    text-align: left;
    padding: 0px;
    margin:  0px 0px 0px 15px;
    vertical-align: top;
}

.textbox
{
    font-size: 26px;
	font-weight: normal;
    color: #505050;
	font-family: 'VegurRegular', Arial, Verdana, Helvetica, sans-serif;
    height:28px;
    width: 280px;
}

.dropdownlist
{
    font-size: 18px;
	font-weight: normal;
    color: #505050;
	font-family: 'VegurRegular', Arial, Verdana, Helvetica, sans-serif;
    height:28px;
    width:400px;
}

.button {
	background:#25A6E1;
	background:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
	background:-webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
	padding:8px 13px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:27px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #1A87B9;
    margin: 10px;
}