/* ----- BASICS ELEMENTS ------------------------------------------------------------------------------------------------- */
body {
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	background-color:#ffffff;
	background:url("images/bckgnd-logomap.jpg") no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;	
}	
.label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}
a:link, a:visited {
	text-decoration: none;
	color:#003399;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	color:#003399;
	font-weight: bold;
}

/* ----------- HEADER (Gemini Mobile Logo and the yellow and black shooting star lines) ------ */

#header {
	position:absolute;
	width:204px;
	height:57px;
	z-index:1;
	left: 27px;
	top: 12px;
	visibility: visible;
}

#lines {
	position:absolute;
	width:804px;
	height:38px;
	z-index:9;
	top: 77px;
	left: 27px;
	visibility: visible;
}
#democentral {
	position:absolute;
	width:417px;
	height:28px;
	z-index:10;
	left: 376px;
	top: 45px;
	font:Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	color:#000000;
	visibility: visible;
}

#pagetitle {
	position:absolute;
	width:299px;
	height:20px;
	z-index:11;
	left: 245px;
	top: 3px;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#003399;
	text-align:right;	
}
#logout {
	position:absolute;
	left:648px;
	top:95px;
	width:144px;
	height:19px;
	z-index:12;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:#003399;
	text-align:right;
	visibility: visible;
}

#login {
	position:absolute;
	left:648px;
	top:95px;
	width:144px;
	height:19px;
	z-index:12;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:#003399;
	text-align:right;
	visibility: visible;
}

/* ----- MENU (Main demo menu)------------------------------------------------------------- */
#menu {
	position:absolute;
	width:263px;
	height:193px;
	z-index:6;
	left: 7px;
	top: 119px;
}
#home {
	position:absolute;
	width:152px;
	height:14px;
	z-index:1;
	left: 104px;
	top: -1px;
}
#preferences {
	position:absolute;
	width:152px;
	height:14px;
	z-index:2;
	top: 23px;
	left: 81px;
}
#userprefsselect {
	position:absolute;
	left:85px;
	top:138px;
	width:128px;
	height:22px;
	z-index:7;
	background-color: #FFFFFF;
	border-style:solid;
	border-color:#000000;
	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:0px;
	padding-left:3px;
	padding-top:3px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	font-style:italic;
	color:#003399;
}
#userprefswhitespace {
	position:absolute;
	left:186px;
	top:155px;
	width:32px;
	height:11px;
	z-index:14;
	background-color: #FFFFFF;
	visibility: visible;
}
#mmspickup {
	position:absolute;
	width:152px;
	height:14px;
	z-index:3;
	left: 60px;
	top: 50px;
}
#mmsselect {
	position:absolute;
	left:62px;
	top:167px;
	width:130px;
	height:21px;
	z-index:10;
	background-color: #FFFFFF;
	border-style:solid;
	border-color:#000000;
	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:0px;
	padding-left:3px;
	padding-top:3px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	font-style:italic;
	color:#003399;
}
#mmswhitespace {
	position:absolute;
	left:186px;
	top:158px;
	width:19px;
	height:45px;
	z-index:13;
	background-color: #FFFFFF;
}
#mmswhitespacetop {
	position:absolute;
	left:187px;
	top:165px;
	width:123px;
	height:6px;
	z-index:14;
	background-color: #FFFFFF;
}
#mmswhitespacebottom {
	position:absolute;
	left:187px;
	top:185px;
	width:123px;
	height:6px;
	z-index:14;
	background-color: #FFFFFF;
}
#externalmail {
	position:absolute;
	width:152px;
	height:14px;
	z-index:4;
	left: 41px;
	top: 79px;
}
#externalselect {
	position:absolute;
	left:45px;
	top:195px;
	width:146px;
	height:21px;
	z-index:10;
	background-color: #FFFFFF;
	border-style:solid;
	border-color:#000000;
	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:0px;
	padding-left:3px;
	padding-top:3px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	font-style:italic;
	color:#003399;
}
#externalwhitespace {
	position:absolute;
	left:186px;
	top:183px;
	width:17px;
	height:39px;
	z-index:13;
	background-color: #FFFFFF;
}
#composemms {
	position:absolute;
	width:152px;
	height:14px;
	z-index:5;
	left: 28px;
	top: 109px;
}
#composemmsSelect {
	position:absolute;
	width:152px;
	height:14px;
	z-index:5;
	left: 28px;
	top: 109px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFF00;
	font-weight:bold;
}
#puppetmail {
	position:absolute;
	width:152px;
	height:14px;
	z-index:6;
	top: 138px;
	left: 20px;
}
#puppetselect {
	position:absolute;
	left:25px;
	top:251px;
	width:166px;
	height:21px;
	z-index:10;
	background-color: #FFFFFF;
	border-style:solid;
	border-color:#000000;
	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:0px;
	padding-left:3px;
	padding-top:3px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	font-style:italic;
	color:#003399;
}
#puppetwhitespace {
	position:absolute;
	left:186px;
	top:243px;
	width:17px;
	height:39px;
	z-index:13;
	background-color: #FFFFFF;
}
#greetingcards {
	position:absolute;
	width:152px;
	height:14px;
	z-index:7;
	top: 165px;
	left: 14px;
}
#greetingselect {
	position:absolute;
	left:18px;
	top:281px;
	width:172px;
	height:21px;
	z-index:10;
	background-color: #FFFFFF;
	border-style:solid;
	border-color:#000000;
	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:0px;
	padding-left:3px;
	padding-top:3px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	font-style:italic;
	color:#003399;
	visibility: visible;
}
#greetingwhitespace {
	position:absolute;
	left:186px;
	top:275px;
	width:17px;
	height:39px;
	z-index:13;
	background-color: #FFFFFF;
	visibility: visible;
}
/* ----------- BODY (Title on home page, content and forms on lower pages)------------------ */

#title {
	position:absolute;
	width:454px;
	height:33px;
	z-index:6;
	left: 178px;
	top: 305px;
}

#title2 {
	position:absolute;
	width:640px;
	height:177px;
	z-index:10;
	left: 192px;
	top: 118px;
	font:Arial, Helvetica, sans-serif;
	font-size:35px;
	font-weight:bolder;
	}

#containerlogin {
	border-style:solid;
	border-color:#000000;
	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	background: #FFFFFF;
	color:#000000;
	position: absolute;
	padding:10px 5px 0px 5px;
	width:600px;
	top:138px;
	left:185px;
	z-index:2;
	height: 400px;
	visibility: visible;
}
#containerextend {
	border-style:solid;
	border-color:#000000;
	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	background: #FFFFFF;
	color:#000000;
	position: absolute;
	padding:10px 5px 0px 5px;
	width:600px;
	top:138px;
	left:185px;
	z-index:2;
	height: auto;
	visibility: visible;
}
#container {
	border-style:solid;
	border-color:#000000;
	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	background: #FFFFFF;
	color:#000000;
	position: absolute;
	padding:10px 5px 5px 5px;
	width:600px;
	top:138px;
	left:185px;
	bottom:10px;
	z-index:2;
	height:450px;
	visibility: visible;
}

#indexcontainer {
	position:absolute;
	left:185px;
	top:138px;
	width:426px;
	height:272px;
	z-index:11;
	border-style:solid;
	border-color:#000000;
	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	background: #FFFFFF;
	color:#000000;
	position: absolute;
	padding:10px 10px 0px 10px;
}
#appdescription {
	position:absolute;
	left:45px;
	top:6px;
	width:488px;
	height:70px;
	z-index:13;
	visibility: visible;
}
#mmsappdescription {
	position:absolute;
	left:131px;
	top:6px;
	width:430px;
	height:70px;
	z-index:13;
	visibility: visible;
}
#uploadslide {
	border-style:solid;
	border-color:#000000;
	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	background: #FFFFFF;
	color:#003399;
	position: absolute;
	margin: 10px 0 0 0; padding: 2em 0 2em 0;	
	voice-family: "\"}\"";
	voice-family:inherit;
	right: 0;
	z-index:9;
}
	

/* ------- TABLE ELEMENTS (from your demo code) ------------------------------------------ */

table {
 font-size: 12px;
 background-color: transparent;
}

table td {
 padding: 0px;
 border-width: 1px;
 vertical-align: top;
 font-family: arial, sans-serif;
}

table#main {
 width: 80%;
}

th {
    vertical-align: middle;
    background-color: #6982a5;
 color: #fff;
    font-family: arial, sans-serif;
}

td#mainmenu a {
 display: block;
 background: url(images/tri.gif) no-repeat left;
 padding-left: 15px;
 background-color: #dbe4ed;
 line-height: 100%;
 color: #336699;
 font-size: 12px;
}

td#mainmenu a:hover {
    background-color: #baccde;
 background: url(images/tri2.gif) left no-repeat;
 color: #333333;
    text-decoration: none;
}

td#mainmenu a.menuTop {
    padding-left: 15px;
}

td#mainmenu a.menuMain {
    padding-left: 15px;
}

td#mainmenu a.menuSub {
    padding-left: 23px;
    background-color: #eff6fd;
    text-decoration: underline;
 color: #336699;
}

td#mainmenu a.menuSub:hover{
    padding-left: 23px;
 color: #3366ff;
}

td#usermenu a {
    padding-bottom: 2px;
    line-height: 100%;
    background-color: #dbe4ed;
 color: #002b55;
    font-weight: normal;
    font-size: 10px;
    padding-left: 5px;
}

td#usermenu a:hover {
    background-color: #baccde;
 color: #3366ff;
}

td#usermenu a.highlight {
    background-color: #fcc;
}

td#leftcolumn {
 width: 180px;
 padding:0;
 color: #333333;
 font-size: 11px;
}

td#leftcolumn th {
    background-color: #bbcddf;
 color: #fff;
}

td#leftcolumn div.blockTitle {
 color: 2f5376;
 font-weight: bold;
 font-size: 11px;
 background-color: #dbe4ed;
 padding: 3px 3px 3px 16px;
 background: #bbcddf;
 border-top: 1px solid #ddd;
 border-right: 1px solid #99b4cf;
}

td#leftcolumn div.blockContent {
 padding: 5px;
 border-right: 1px solid #99b4cf;
 background: #dbe4ed;
 line-height: 110%;
}

td#leftcolumn div.leftblockTop {
 width: 180px;
 height: 9px;
 background: url(./images/leftblock_top.gif) top left no-repeat;
 border-bottom: 1px solid #99b4cf;
}

td#leftcolumn div.leftblockBottom {
 width: 180px;
 height: 9px;
 border-top: 1px solid #99b4cf;
 margin-bottom:10px;
 background: url(./images/leftblock_bottom.gif) top left no-repeat;
}

td#centercolumn {
 padding: 8px 25px 0px 25px;
 font-size: 12px;
 color: #333333;
}

td#centercolumn th {
    background-color: #6982a5;
 color: #FFFFFF;
}

td#contents {
 width: 100%;
 background-color: transparent;
}

td#centerCcolumn div.blockTitle {
 padding: 2px;
 margin: 0 0 5px 0;
 border-bottom: 1px dashed #999;
 background-color: transparent;
 color: #333;
 font-weight: bold;
 font-size: 13px;
}

td#centerCcolumn div.blockContent {
    margin : 0 0 20px 0;
    line-height: 120%;

}

td#centerLcolumn {
 width: 50%;
 padding-right: 8px;
}

td#centerLcolumn div.blockTitle {
 padding: 2px;
 margin-bottom: 6px;
 border-bottom: 1px dashed #7b8a9e;
 color: #333E;

 font-weight: bold;
 font-size: 12px;
}

td#centerLcolumn div.blockContent {
 margin: 0;
 padding: 2px;
 line-height: 110%;
}

td#centerRcolumn {
 width: 50%;
 padding-left: 8px;
}

td#centerRcolumn div.blockTitle {
    margin-bottom: 6px;
    border-bottom: 1px dashed #7b8a9e;
    5A5Apadding: 2px;
 color: #333;
    font-weight: bold;
    font-size: 12px;
}

td#centerRcolumn div.blockContent {
 margin: 0;
 padding: 2px;
 line-height: 110%;
}

td#rightcolumn {
 width: 145px;
 padding: 0 8px;
 color: #333;
 font-size: 11px;
}

td#rightcolumn a {
 color: #336699;
}

td#rightcolumn a:hover {
 color: #3366ff;
}

td#rightcolumn th {
    vertical-align: bottom;
    background-color: #6982a5;
 color: #FFFFFF;
}

td#rightcolumn div.blockTitle {
 padding: 2px 3px;
 background-color: #4f6c96;
 color: #fff;
 font-weight: bold;
 font-size: 11px;
}

td#rightcolumn div.blockContent {
    margin-bottom: 8px;
 padding: 8px 3px 3px 3px;
 border: 1px solid #b0becc;
    background-color: #fff;
    line-height: 110%;
}

tr.even td {
    background-color: #e2e9f1;
 padding: 5px;
}

tr.odd td {
    background-color: #edf1f6;
 padding: 5px;
}

/* ---- OTHER ELEMENTS (from your demo code) ----------------------*/
#boxshadowleft {
	position:absolute;
	left:45px;
	top:628px;
	width:17px;
	height:682px;
	z-index:15;
}
#boxshadowright {
	position:absolute;
	left:800px;
	top:625px;
	width:17px;
	height:682px;
	z-index:17;
}
#shdwwhiteleft {
	position:absolute;
	left:53px;
	top:628px;
	width:150px;
	height:37px;
	z-index:1;
	background-color: #FFFFFF;
}
#shdwwhiteright {
	position:absolute;
	left:780px;
	top:625px;
	width:50px;
	height:37px;
	z-index:1;
	background-color: #FFFFFF;
}

/* ------- FORM ELEMENTS (from your demo code) ------------------------------------------ */

input {
 border: 1px solid #CCCCCC;
 font-size: 11px;
 font-family: verdana, arial, helvetica, sans-serif;
 color: #333333;
 background-color: #ffffff;
 padding-left:3px; 
 background-color: #f7f7f7;
}

textarea {
    background-color: #f7f7f7;
 color: #333333;
 border: #CCCCCC 1px solid;
 width: 430px;
    font-size: 11px;
    font-family: verdana, arial, helvetica, sans-serif;
}

select {
 border: 1px solid #CCCCCC;
 font-size: 11px;
 font-family: verdana, arial, helvetica, sans-serif;
}

.formButton {
    background-color: #ece9e3;
    color: #676767;
    font-weight: bold;
    text-align:center;
}

input:focus, textarea:focus{
    background-color: #ffffff;
    border: 1px solid #9f9f9f;

}

.search_block {
    margin-top: 0px;
}

.formButton {
    background-color: #ece9e3;
    color: #676767;
    font-weight: bold;
    text-align:center;
}

#starts_hidden {
 display: none;
}

.scformelement {
    width: 160px;
}

/* ---- OTHER ELEMENTS (from your demo code) ----------------------*/

ul {
 margin: 2px;
 padding-left:1.2em;
 color: #336699;
}

#mzheader ul {
 position: absolute;
 width: 800; 
 bottom: 0;
 left: 40; 
 margin: 0;
 padding: 0 40px 0 0;
 list-style: none;
 font-size: 12px;
}

#mzheader ul li.active a {
  background-position: 0% 0%;
  color: #002b55;
}

#mzheader ul li.active:hover a {
    background-position: 0% 0%;
    color: #002b55;
}

#mzheader ul li.active {
    background-position: 100% 0%;
}

#mzheader ul li.active:hover {
    background-position: 100% 0%;
}

#mzheader ul li:hover a {
    background-position: 0% -200px;
}

#mzheader ul li:hover {
    background-position: 100% -200px;
}

#mzheader form {
 position: absolute;
 top: 0;
 right: 0;
 padding: 12px 46px 0 0;
 margin: 0;
 text-align: right;
/* white-space: nowrap; */
 vertical-align: middle;
}

#mzheader form label {
 color: #fff;
 font-size: 120%;
 font-weight: bold;
 white-space: nowrap;
}

#mzheader form input {
    font-size: 90%;
}

#mzheader form #submit {
 padding: 1px 4px;
 margin: 0 0 2px 0;
 border-right: 1px solid #273449;
 border-bottom: 1px solid #273449;
 border-top: 1px solid #888f99;
 border-left: 1px solid #888f99;
 background: #6982a5;
 color: #fff;
 font-size: 90%;
 font-weight: bold;
}

#mzheader form #query {
 width: 160px;
 padding: 2px;
 border:	1px solid #888f99;
 background: #bbcddf;
 font-size: 120%;
}

#mzheader form #query:hover, #mzheader form #query:focus {
 background: #fff;
}

#mzheader_bar {
 margin: 5px 30px;
}

#mzheader_user {
 margin: 0;
 padding: 0;
 font-size: 10px;
}

#container {
 clear: both;
 margin: 0 10px;
 padding-top: 10px;
}

#footer {
 clear: both;
 margin: 45px 0 20px 0;
 padding-top: 8px;
 border-top: 1px solid #999;
 text-align: center;
 color: #333;
 font-size: 11px;
}

.item {
 color: #666;
}

.itemHead {
 padding: 3px;
 border-bottom: 1px solid #333;
 color: #336699;
}

.itemInfo {
 padding: 3px;
 background-color: #fff;
 text-align: right;
}

.itemTitle {
    background-color: transparent;
 color: #336699;
    font-size: 130%;
    font-weight: bold;
}

.itemTitle a {
    background-color: transparent;
 color: #336699;
}

.itemTitle a:hover {
    background-color: transparent;
 color: #336699;
}

.itemPoster {
    font-size: 80%;
    font-style: italic;
}

.itemPostDate{
    font-size: 80%;
    font-style: italic;
}

.itemStats {
    font-size: 80%;
    font-style: italic;
}

.itemBody {
    padding-left: 5px;
}

.itemText {
    margin-top: 5px 0;
    line-height: 150%;
    font-size: 12px;
}

.itemFoot {
 padding: 3px;
 background-color: #fff;
 text-align: left;
 font-size: 11px;
}

.itemAdminLink {
    font-size: 100%;
}

.itemPermaLink {
    font-size: 100%;
}

.head {
 height: 24px;
/* white-space: nowrap; */
 background-color: #7f94b3;
 font-weight: bold;
 color: #edf1f6;
 line-height: 22px;
 text-align: center;
}

.even {
    background-color: #e2e9f1;
 padding: 5px;
}

.odd {
    background-color: #edf1f6;
 padding: 5px;
}

.foot {
 padding: 0px;
 font-weight: bold;
}

div.errorMsg {
 padding: 10px;
 border-top: 1px solid #ddddff;
 border-left: 1px solid #ddddff;
 border-right: 1px solid #aaa;
 border-bottom: 1px solid #aaa;
 background-color: #ffcccc;
 text-align: center;
 font-weight: bold;
}

div.confirmMsg {
 padding: 10px;
 border-top: 1px solid #ddddff;
 border-left: 1px solid #ddddff;
 border-right: 1px solid #aaa;
 border-bottom: 1px solid #aaa;
 background-color: #ddffdf;
 color: #136c99;
 text-align: center;
 font-weight: bold;
}

div.resultMsg {
 padding: 10px;
 border-top: 1px solid silver;
 border-left: 1px solid silver;
 border-right: 1px solid #666;
 border-bottom: 1px solid #666;
 background-color : #ccc;
 color: #333;
 text-align: center;
 font-weight: bold;
}

div.xoopsCode {
 padding: 0px 6px 6px 6px;
 border: 1px inset #000080;
 background: #fff;
 font-family: "Courier New",Courier,monospace;
}

div.xoopsQuote {
 padding: 0px 6px 6px 6px;
 border: 1px inset #000080;
 background: #FFFFFF;
 font-family: Courier,monospace;
}

.comTitle {
    margin-bottom: 2px;
    font-weight: bold;
}

.comText {
 padding: 2px;
}

.comUserStat {
 margin: 2px;
 padding: 2px;
 border: 1px solid silver;
 color: #2f5376;
 font-weight:bold;
 font-size: 10px;
 background-color: #fff;
}

.comUserStatCaption {
    font-weight: normal;
}

.comUserStatus {
 margin: 10px 0 0 2px;
 color: #2f5376;
 font-weight:bold;
 font-size: 10px;
}

.comUserRank {
 margin: 2px;
}

.comUserRankText {
    font-size: 10px;
    font-weight:bold;
}

.comUserRankImg {
 border: 0;
}

.comUserName {
}

.comUserImg {
 margin: 2px;
}

.comDate {
    font-weight: normal;
    font-style: italic;
    font-size: smaller;
}

.comDateCaption {
    font-weight: bold;
    font-style: normal;
}