@charset "utf-8";
/* CSS Document */
html{width:980px;height:auto;background-color:#1e90ff;margin:0 auto;}
body{width:980px;margin:0 auto;height:auto;}
@font-face {font-family:'Limon';src:url(fonts/limons1.TTF);}



#header{width:980px;height:120px;margin:0 auto;background-color:#cadfff;background-image:url(images/header00.svg);background-size:100%;}

#MainPanel{width:980px;height:auto;margin:0 auto;background-color:none;}



#Navbar0{position:fixed;width:980px;height:auto;border-radius:0px;border:none;z-index:1000;}

#Navbar{margin:0 auto;width:980px;height:90px;border-radius:0px;border:none;background:#4480a9;}

#SessionBar{width:980px;height:35px;line-height:35px;background:#4480a9;border-radius:0px;border:none;font-family:'Battambang';font-size:13pt;font-weight:600;color:#000;text-align:center;overflow:hidden;}





#LogoutButton{float:right;margin-top:-2px;margin-right:15px;height:86px;width:86px;text-align:right;background-image:url(images/icon-log-out.svg);background-size:100% 100%;}

#NewFileButton{float:left;margin-top:-2px;height:86px;width:86px;text-align:right;background-image:url(images/icon-newfile.svg);background-size:100% 100%;}

#HomeButton{float:left;margin-top:-2px;margin-left:15px;height:86px;width:86px;text-align:right;background-image:url(images/icon-homer.svg);background-size:100% 100%;}

#BookButton{float:left;margin-top:-2px;margin-left:15px;height:86px;width:86px;text-align:right;background-image:url(images/icon-book.svg);background-size:100% 100%;}

#BackButton{float:left;margin-top:-2px;margin-left:15px;height:86px;width:86px;text-align:right;background-image:url(images/icon-home.svg);background-size:100% 100%;}

#GoBackButton{float:left;margin-top:-2px;margin-left:15px;height:86px;width:86px;text-align:right;background-image:url(images/gobackbutton.svg);background-size:100% 100%;}

#SearchButton{float:left;margin-top:-2px;margin-left:15px;height:86px;width:86px;text-align:right;background-image:url(images/search.svg);background-size:100% 100%;}

#CloseButton{float:right;margin-top:-2px;margin-left:15px;height:86px;width:86px;text-align:right;background-image:url(images/close_window.svg);background-size:100% 100%;}

.Button01{width:400pt;height:90pt;line-height:70px;font-family:'Battambang';color:#fff;font-size:36pt;font-weight:600;text-align:center;background-color:#cadfff;border-radius:0px;

border:none;-webkit-appearance:none;-moz-appearance: none;}

.Wrecknum{width:auto;padding:4pt;font-family:'Arial';color:#fff;font-size:26pt;font-weight:600;background:#000;border:none;-webkit-appearance:none;-moz-appearance: none;}

.ThumbsUp{width:60px;height:60px;border-radius:30px;background:#000;border:none;background-image:url(images/icon-thumbsup.svg);background-size:100% 100%;-webkit-appearance:none;-moz-appearance: none;}

.QuestionMark{width:60px;height:60px;border-radius:30px;background:#000;border:none;background-image:url(images/icon-questionmark.svg);background-size:100% 100%;-webkit-appearance:none;-moz-appearance: none;}

.WarningMark{width:60px;height:60px;border-radius:30px;background:#ca0000;border:none;background-image:url(images/icon-exclamation.svg);background-size:100% 100%;-webkit-appearance:none;-moz-appearance: none;}





.DamascusSteel {font-family:'Battambang';text-align:left;font-size:32pt;line-height:36pt;font-weight:700;color:#0b296f;text-indent:5px;}

.ValyrianSteel {font-family:'Arial';text-align:left;font-size:25pt;line-height:30pt;font-weight:700;color:#000;text-indent:5px;}

.Tamahagane {font-family:'Battambang';text-align:left;font-size:25pt;line-height:30pt;font-weight:700;color:#000;text-indent:5px;}

.StrawberryFields {width:500pt;height:80pt;line-height:80pt;font-family:'Arial';font-size:36pt;font-weight:600;color:#000;text-indent:8pt;border:1px solid #575757;background:#fff;border-radius:0px;}

.StrawberryFieldsDD {width:500pt;height:80pt;line-height:80pt;font-family:'Arial';font-size:36pt;font-weight:600;color:#000;text-indent:8pt;border:1px solid #575757;background:#fff;border-radius:0px;

background-image:url(images/ArrowDropDownM.svg);background-position:right;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance: none;}



.PageFlipper1{font-family:'Arial';font-size:14px;font-weight:600;color:#868686;line-height:18px;}

.PageFlipper1 a:link{font-family:'Arial';font-size:14px;font-weight:600;color:#868686;line-height:18px;text-decoration:none;}

.PageFlipper1 a:visited{font-family:'Arial';font-size:14px;font-weight:600;color:#868686;line-height:18px;text-decoration:none;}

.PageFlipper1 a:hover{font-family:'Arial';font-size:14px;font-weight:600;color:#868686;line-height:18px;text-decoration:none;}

.PageFlipper1 a:active{font-family:'Arial';font-size:14px;font-weight:600;color:#868686;line-height:18px;text-decoration:none;}





.Flipper{width:auto;height:24px;float:left;padding-left:8px;padding-right:8px;font-family:'Arial';line-height:24px;font-size:13px;font-weight:700;color:#dddddd;

text-align:center;background:#333333;border:1px solid #878787;}

.Flipper a:link{color:#dddddd;text-decoration:none;}

.Flipper a:active{color:#dddddd;text-decoration:none;}

.Flipper a:hover{color:#dddddd;text-decoration:none;}

.Flipper a:visited{color:#dddddd;text-decoration:none;}

#ArrowLeft1{float:left;width:130px;height:96px;background-image:url(images/LeftArrow.png);background-size:100% 100%;line-height:96px;}

#ArrowLeft2{float:left;width:130px;height:96px;background-image:url(images/LeftArrow.png);background-size:100% 100%;line-height:96px;}

#ArrowRight1{float:left;width:130px;height:96px;background-image:url(images/RightArrow.png);background-size:100% 100%;line-height:96px;}

#ArrowRight2{float:left;width:130px;height:96px;background-image:url(images/RightArrow.png);background-size:100% 100%;line-height:96px;}



.Flapper {font-family:'Arial';font-size:23pt;font-weight:700;color:#fff;}

.Flapper a:link {color:#dddddd;text-decoration:none;}

.Flapper a:active {color:#dddddd;text-decoration:none;}

.Flapper a:hover {color:#dddddd;text-decoration:none;}

.Flapper a:visited {color:#dddddd;text-decoration:none;}

#Flopper{width:auto;height:96px;line-height:96px;float:left;text-align:center;background:#0b296f;}

#Flipper{width:auto;height:96px;line-height:96px;float:left;text-align:center;background:#0b296f;}

#Flubber{width:auto;height:96px;line-height:96px;float:left;text-align:center;background:#0b296f;}



.arrow-left {width:0;height 0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid blue;}



a:link {text-decoration:none;color:none;}

a:visited {text-decoration:none;color:none;}

a:hover {text-decoration: none;color:none;}

a:active {text-decoration: none;color:none;}



#PageOverlay01 {background:#333;width:100%;height:0%;z-index:2000;top:0;left:0;position:fixed;overflow:hidden;}

#CloseWindowButton{position:relative;left:10px;top:5px;width:30px;height:30px;background-image:url(images/icon-cross-01.svg);background-size:100% 100%;z-index:300;}
.IconBoxette{float:right;margin-top:20px;margin-right:20px;width:90px;height:90px;background-image:url(images/icon-walkingmanred2.svg);background-size:100% 100%;}
.IconPlane{float:right;margin-top:20px;margin-right:20px;width:90px;height:90px;background-image:url(images/icon-paperairplane.svg);background-size:100% 100%;}
.IconEdit{float:right;margin-top:20px;margin-right:20px;width:90px;height:90px;background-image:url(images/icon-pencil4.svg);background-size:100% 100%;}
.IconEnvelope{float:right;margin-top:20px;margin-right:20px;width:90px;height:90px;background-image:url(images/icon-envelope2.svg);background-size:100% 100%;}
.IconCheckGreen{float:right;margin-top:20px;margin-right:20px;width:90px;height:90px;background-image:url(images/icon-check-green.svg);background-size:100% 100%;}