/*HTML & Body*/
form{padding:0px;margin:0px;}
input[type="text"],input[type="password"],.inputfile,textarea{
    border:1px solid #77A8C3;
    color: #222222;
    padding-left:5px;
    padding-right:5px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:12px;
    background: #FFFFFF url(/images/textbox.gif) repeat-x top center;
}
select{border:1px solid #77A8C3;}
input[type="text"],input[type="password"]{height:19px;padding-top:2px;border:none;}
input[type="text"].textbox-14,input[type="password"].textbox-14{background: url(/images/fwt_menu.png) no-repeat -0px -264px;width:117px;}
input[type="text"].textbox-25,input[type="password"].textbox-25{background: url(/images/fwt_menu.png) no-repeat -130px -264px;width:187px;}
input[type="text"].textbox-30,input[type="password"].textbox-30{background: url(/images/fwt_menu.png) no-repeat -330px -264px;width:227px;}
input[type="select"]{border:1px solid #AAAAAA;color: #222222;}
input[type="button"],input[type="submit"],input[type="reset"] {
    font-family: Verdana, sans-serif;
    background: #88d556 url(/images/fwt_menu.png) no-repeat -500px -528px;
    border:1px solid #88d556;
    color:#FFFFFF;
    font-size:13px;
}
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover{background-position: -500px -524px;}

body{background: #6cb6f1 url(/images/bg_horizontal.png) repeat-x 0px -550px;
    font-family: Verdana, sans-serif;font-size:12px;color: #222222;margin:0px;padding:0px;}

img {border: none;margin:auto;}

h1{
    text-align:center;
    font-weight:normal;
    font-size:21px;
    color:#66B3FF;
    font-family: Calibri;
    font-weight:normal;
    font-style: normal;
    margin:0px;
}

a{color: #3891EB;padding:0px;border:none;cursor:pointer;}
a:link {color: #3891EB;}     /* unvisited link */
a:visited {color: #3891EB;}  /* visited link */
a:hover {color: #8AD63E;}	/* mouse over link */
a:active {color: #3891EB;}   /* selected link */

/*Webpage Container-----------------------------------------------------------*/
.container{
	width: 970px;
	margin: 1px auto;
	border: 0px solid #333333;
	/*line-height: 100%;*/
}

.fiwi-links{
    height:20px;
    text-align:right;
    padding-right:40px;
    padding-left:40px;
    color:#999999;
}

.banner{
    height:40px;
    background: url(/images/fwt_menu.png) no-repeat 5px -484px;
    text-align:right;
    vertical-align:bottom;
    padding-right:30px;
    padding-left:30px;
}

.navigation-content{
    background: url(/images/fwt_menu.png) no-repeat 5px -554px;
    height:144px;
    vertical-align:top;
    text-align:justify;
    border:0px solid #333333;
    padding-left:60px;
    padding-right:60px;
}

.seperator-content{
    background: url(/images/fwt_menu.png) no-repeat 5px 0px;
    height:100px;
    vertical-align:top;
    text-align:center;
    border:0px solid #333333;
    padding-left:58px;
    padding-right:58px;
}


.body-content{
    background: url(/images/body_side.png) repeat-y 10px 0px;
    height:50px;
    padding-left:70px;
    padding-right:70px;
    vertical-align:top;
    text-align:left;
    border:0px solid #444444;
}

.footer-content{
    background: url(/images/fwt_menu.png) no-repeat 5px -110px;
    height:147px;
    border:0px solid #000000;
}

/*MENU--------------------------------------------------------------------------*/

.menu-bar{
    text-align:center;
    vertical-align:top;
    padding-top:0px;
    padding-right:30px;
    padding-left:30px;
    height:30px;
    background: url(/images/fwt_menu.png) no-repeat 5px -524px;
}

#menu {
    float: left;
    list-style: none;
    margin: 0;
    margin-top: 4px;
    padding: 0;
    width: 100%;
}

#menu li {
    font-size:15px;
    float: left;
    margin: 0;
    padding: 0;
}

#menu a{
    background: url(/images/seperator.png) no-repeat center right;
    color: #FFFFFF;
    height:25px;
    display: block;
    float: left;
    margin: 0;
    padding: 0px 10px 0px 10px;
    text-decoration: none;
    font-family: Verdana, sans-serif;
    font-size:16px;
    font-weight:normal;
    font-style: normal;
}

#menu a:hover{
    background: #7dbb4d;
    cursor:pointer;
    text-decoration: underline;
}

/*TEXTER----------------------------------------------------------------------*/

.texter-box{
    width:685px;
    min-height:150px;
    margin:auto;
    color:white;
}

.texter-box-header{
    background: url(/images/fwt_menu.png) no-repeat -30px -303px;
    width:675px;
    height:11px;
    padding:5px;
    padding-bottom:5px;
    margin:auto;
    color:white;
}

.texter-box-message{
    text-align:center;
    background: url(/images/texter_message_side.png) repeat-y -2px -0px;
    width:670px;
    padding-left:20px;
    padding-right:20px;
    margin:auto;
    color:white;
}

.texter-box-message-flag{
    margin-right:20px;
    height:23px;
    width:60px;
    float:right;
    text-align:center;
}

.texter-box-message-note{
    width:520px;
    float:left;
    color:orange;
    text-align:center;
    vertical-align:middle;
    margin:auto;
    
}

.texter-box-message-reminder{
    height:23px;
    width:60px;
    float:left;
}

.texter-box-body{
    background: url(/images/fwt_menu.png) no-repeat -30px -338px;
    width:670px;
    min-height:115px;
    padding:10px;
    padding-top:5px;
    margin:auto;
    color:white;
}

.send-it{
    height:87px;
    width:87px;
    position:relative;
    top:15px;
    cursor:pointer;
}


.block-box{
    background: url(/images/fwt_menu.png) no-repeat -200px -530px;
    margin:auto;
    text-align:center;
    width:400px;
    height:145px;
    border:1px solid #88d556;
}

.block-box-header{
    background: #88d556 url(/images/fwt_menu.png) no-repeat -450px -528px;
    font-family: Verdana, sans-serif;
    color:#FFFFFF;
    font-size:14px;
}

.block-box-body{
    margin:auto;
    text-align:center;
    padding:10px;
}

/*FLOATING STUFF---------------------------------------------------------------*/

.shadow{
    background: url(/images/shadow.png) no-repeat right bottom !important;
    float:left;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
}

.logout{
    font-size:14px;
    float:right;
    margin-right:51px;
    color:#FFFFFF;
    text-decoration:none;
    cursor:pointer;
    width:60px;
    text-align:center;
    font-weight:600;
}

.logout:hover{
    color:#FFFF66;
}

.floating-box{
    display:none;
    position:fixed;
    z-index:2;
    width:100%;
    left:0;
    top:45%;
    margin:auto;
    text-align:center;
}

.float-loading{
    background: #FFFFFF url(/images/float_loading_trans.gif) no-repeat 50% 20%;
    font-size:14px;
    color:#3891EB;
    border:2px solid #3891EB;
    text-align:center;
    padding-top:40px;
    margin:auto;
    width:200px;
    height:40px;
}

/*FIWILINK--------------------------------------------------------------------*/

.fiwi-links{
    padding-left:20px;
}

.fiwi-link-fiwiclassifieds a{
    float:right;
    color:#FFFFFF;
    text-decoration:none;
    background: url(/images/fiwi_links.png) no-repeat -7px -4px;
    height:26px;
    width:130px;
    text-align:center;
}

.fiwi-link-fiwiclassifieds a:hover{
    background-position:-7px -2px;
    text-decoration:underline;
}

.fiwi-link-fiwigames a{
    float:right;
    color:#FFFFFF;
    text-decoration:none;
    background: url(/images/fiwi_links.png) no-repeat -143px -4px;
    height:26px;
    width:130px;
    text-align:center;
}

.fiwi-link-fiwigames a:hover{
    background-position:-143px -2px;
    text-decoration:underline;
}

.fiwi-link-fiwitext a{
    float:right;
    color:#FFFFFF;
    text-decoration:none;
    background: url(/images/fiwi_links.png) no-repeat -279px -4px;
    height:26px;
    width:130px;
    text-align:center;
}

.fiwi-link-fiwitext a:hover{
    background-position:-279px -2px;
    text-decoration:underline;
}

/*FONTS-----------------------------------------------------------------------*/

.title{
    font-weight:600;
    font-size:14px;
    color:#3891EB;
}

.underline-blue{
    border-top:1px solid #66B3FF;
    border-bottom:2px solid #EEEEEE;
}

.underline-light-blue{
    border-top:1px solid #C2E1FF;
    border-bottom:2px solid #EEEEEE;
}

.underline-green{
    border-top:1px solid #7CE10E;
    border-bottom:2px solid #EEEEEE;
}

.astoric{
    font-style:normal;
    color:#66CC00;
    float:left;
    font-weight:bold;
}

.memory{
    background: url("/images/memory.gif") no-repeat 0px -2px;
    width:23px;
    height:23px;
    position:relative; /*This holds the popup*/
    right:10px;
    cursor:pointer;
}

#popup{
    width:25px;
    height:25px;
    margin:auto;
}

#popup span{
    display: none;
    background-color: #FFFFFF;
    position: relative;
    width: 160px;
    height:60px;
    text-align: left;
    margin: 0px;
    padding: 5px;
    font-size:12px;
    color: #3B8BC4;
    border: 1px solid #3B8BC4;
    z-index:1;
}

#popup:hover span{
    display: block;
    position: absolute;
    top: -65px;
    left:20px;
}

/*STATUS MESSAGE---------------------------------------------------------------*/

.success{
    background: #F9FFF3 url(/images/success.png) no-repeat 3px 3px !important;
    border:1px solid #66CC00;
    color:#408000;
    padding:5px;
    padding-left:25px;
    text-align:center;
    margin:auto;
    max-width:340px;
}

.warning{
    padding:5px;
    margin:auto;
    text-align:center;
    color:#444444;
    border:1px solid #FFCC66;
    background:#FFFFCC;
    min-height:15px;
    max-width:360px;
}

.error{
    background: #FDF1F1 url(/images/error.png) no-repeat 3px 3px !important;
    border:1px solid #FF9999;
    color:red;
    padding:5px;
    padding-left:25px;
    text-align:center;
    margin:auto;
    max-width:340px;
}

.note{
    background: url(/images/note.gif) no-repeat 0px 0px !important;
    padding:3px;
    padding-left:30px;
    min-height:15px;
    color:#888888;
    text-align:center;
    font-weight:normal;
    width:300px;
}

.question{
    background: url(/images/question.gif) no-repeat 2px 2px !important;
    font-weight:bold;
    color:#3891EB;
    display:inline;
    padding:5px;
    padding-left:30px;
    min-height:15px;
}

/* copyright information setup */
.copyright
{
    color:#666666;
    font-size:11px;
    height:20px;
}
