@charset "UTF-8";
/* CSS Document */

.fbbluebox {
        background-color: #eceff6;
        border: 1px solid #d4dae8;
        color: #333333;
        padding: 5px;
        font-size: 12px;
        font-weight: bold;
}

.fbinfobox
{
        background-color: #fff9d7;
        border: 1px solid #e2c822;
        color: #333333;
        padding: 5px;
        font-size: 12px;
}

.fberrorbox {
        background-color: #ffebe8;
        border: 1px solid #dd3c10;
        color: #333333;
        padding: 5px;
        font-size: 12px;
}

hr {
  border: 0;
  width: 100%;
color: #3CB3FF;
background-color: #3CB3FF;
height: 1px;
}

a:hover {
  text-decoration: none;
}
a {
text-decoration: none;
}
.inputlabel {font-family: Verdana, Arial, Helvetica, sans-serif; 
			 color:#00aeef; 
			 font-size: 1.4em; 
			 font-weight:300;}

.labeltext {font-family: Verdana, Arial, Helvetica, sans-serif; 
			 color:#FF5500; 
			 font-size: 1.4em; 
			 font-weight:400;}

.labeltext2 {font-family: Verdana, Arial, Helvetica, sans-serif;
                         color:#5329D3;
                         font-size: 1.6em;
                         font-weight:500;}


.msgtext {font-family: Verdana, Arial, Helvetica, sans-serif; 
			 color:#FF7F2A; 
			 font-size: 1.4em; 
			 font-weight:400;}


.datatext {font-family: Verdana, Arial, Helvetica, sans-serif; 
			 font-size: 1.3em; 
			 color:#5a5a5a;
			 font-weight:400;}


.blurbtext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; font-style: normal; font-weight: 300; color: #FFFFFF;  }

.h3title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; font-style: normal; font-weight: 300; color: #FF5500;  }

.h4title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; font-style: bold; font-weight: 300; color: #FF5500;  }

.h44title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-style: bold; font-weight: 300; color: #FF5500;  }

.h5title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; font-style: normal; font-weight: 300; color: #00aeef;  }

.errormessage { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; font-style:normal; font-weight:300; color:#ff0000; }

.commenttext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight:200; color:#777777;}

.signintext {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:1.4em;
        color:#777777;
        font-style:normal;
        text-decoration:none;
}

button {
border: 0 none;
cursor: pointer;
font-weight: bold;
padding: 0 15px 0 0;
text-align: center;
height: 30px;
line-height: 30px;
width: auto;
}

button.rounded {
background: transparent url( btn2_right.png ) no-repeat scroll right top;
clear: left;
font-size: 0.8em;
}

button span {
display: block;
padding: 0 0 0 15px;
position: relative;
white-space: nowrap;
height: 30px;
text-align: center;
line-height: 30px;
}

button.rounded span {
background: transparent url( btn2_left.png ) no-repeat scroll left top;
color: #FFFFFF;
text-align: center;
}

button.rounded:hover {
background-position: 100% -30px;
}

button.rounded:hover span {
background-position: 0% -30px;
}

button::-moz-focus-inner {
border: none;
}

btn {
border: 0 none;
cursor: pointer;
font-weight: bold;
padding: 0 15px 0 0;
text-align: center;
height: 30px;
line-height: 30px;
width: auto;
}

btn.rounded {
background: transparent url( btn2_right.png ) no-repeat scroll right top;
clear: left;
font-size: 0.8em;
}

btn span {
display: block;
padding: 0 0 0 15px;
position: relative;
white-space: nowrap;
height: 30px;
line-height: 30px;
}

btn.rounded span {
background: transparent url( btn2_left.png ) no-repeat scroll left top;
color: #FFFFFF;
}

btn.rounded:hover {
background-position: 100% -30px;
}

btn.rounded:hover span {
background-position: 0% -30px;
}

btn::-moz-focus-inner {
border: none;
}


/* LAYOUT */
/* the layout doesn't contain any color styles as we will use the layout for areas with different background colors */
.rounded-corner {
}
/* the top "border" of our area */
.rounded-corner-top {
    position:relative;
    height:5px;
    overflow:hidden;
}
/* top left and top right rounded corners */
.rounded-corner-top-left, .rounded-corner-top-right {
    position:absolute;
    width:10px;
    height:10px;
    left:-5px;
    top:-5px;
}
.rounded-corner-top-left {
    margin-left:100%;
}
/* the bottom "border" of our area */
.rounded-corner-bottom {
    position:relative;
    height:5px;
    overflow:hidden;
}
/* bottom left and bottom right rounded corners */
.rounded-corner-bottom-left, .rounded-corner-bottom-right {
    position:absolute;
    width:10px;
    height:10px;
    left:-5px;
    top:0px;
}
.rounded-corner-bottom-right {
    margin-left:100%;
}
/* the top and bottom "borders" of our area */
.rounded-corner-top-center, .rounded-corner-bottom-center {
    margin: 0 5px 0 5px;
    position:relative;
    height:5px;
}
/* the content div */
.rounded-corner-content {
    padding: 5px 25px 5px 25px;
}
/* SPECIFIC COLOR DEFINITIONS */
/* DEFAULT BLUE */
/* we make our defaut area blue */
.rounded-corner-top-center, .rounded-corner-bottom-center, .rounded-corner-content {
	background: #6699CC;
	color:#fff;
}
/* note: we use the same background image for all the corners */
.rounded-corner-top-left, .rounded-corner-top-right, .rounded-corner-bottom-left, .rounded-corner-bottom-right {
    background: transparent url(c.gif) top left no-repeat;
}
/* ORANGE */
/* to have an orange area we just use additional "orange" class and re-define color-specific classes which are childs of "orange" */
.orange .rounded-corner-top-center, .orange .rounded-corner-bottom-center, .orange .rounded-corner-content {
	background: #DE7314;
	color:#fff;
}
/* for orange area I use different corners start-image */
.orange .rounded-corner-top-left, .orange .rounded-corner-top-right, .orange .rounded-corner-bottom-left, .orange .rounded-corner-bottom-right {
    background: transparent url(co.gif) top left no-repeat;
}
/* ADDITIONAL WIDTH STYLE */
/* this is an additional class which specifies width of the orange area */
.w400 {
	width:400px;
}

#topposition {
    margin-top:10px;
}

table{border-collapse:collapse;}
#logo2 {position: absolute;top: 20px;left: 0;}