@charset "utf-8"; /* CSS Document */ img {border: none;} blockquote, cite, dd, form, h1, h2, h3, ol, p, ul { margin: 0em;} sup {border: none; font-size:11px;} a {text-decoration:none;} body { font: 100% Arial, sans-serif, Helvetica; /*georgia, serif*/ background: #FEBA0E url(../img/bg_body.jpg) repeat-x; /*background: #fff url(../img/bg_mbachallenge.jpg) no-repeat top;*/ margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; } #container { width: 900px; height:0px; /* this width will create a container that will fit in an 800px 46em browser window if text is left at browser default font sizes */ margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ border: 0px solid #000000; background-color: #FFFFFF; text-align: left; /* this overrides the text-align: center on the body element. */ } #container #headerhome {float:left; width:100%; padding:5.5em 0em 0em 0em; margin:0em 0em 0.2em 0em; background: url(../img/bg_mbachallenge-home.jpg) no-repeat top; border:#1C90BA 0px solid;} #headerhome #rowlogo{ float:right; width:350px; height:50px; margin:2em 0em 0em 0em; padding:0em 0em 0em 0em; color:#336699; font-size:14px; border:#dfdfdf 0px solid; } #headerhome #rowlogo a{font-size:12px; display:block; color: #7a1618; border-left:#eee 0px solid; padding:0em 0em 0.0em 0em; margin:0em 1em 0em 1em; letter-spacing:0.5px; font-weight:normal; text-decoration:none; text-align:left;} #rowlogo img {border: none; margin:0em 0em 0em 0.5em;} #headerhome #rowtop{float:none; width:100%; margin:0em 0em 0em 0em; padding:0em 0em 0em 0em; border:#753a00 0px solid; } #rowtop ul {float:left; list-style: none; margin:0.5em 0em 0em 9em; padding:0em 0em 0em 0em;} #rowtop li {float:left; line-height:15px; padding:0em 0em 0em 0em; margin: 0px; } #rowtop li.help {float:left; line-height:15px; padding:0em 0em 0em 0em; margin: 0px; background:url(../img/icon_help.gif) no-repeat; } #rowtop li.logout {float:left; line-height:15px; padding:0em 0em 0em 0em; margin: 0px; background:url(../img/icon_logout.gif) no-repeat; } #rowtop li a{font-size:12px; display:block; color: #330000; border-left:#eee 0px solid; padding:0em 1em 0.2em 1em; margin:0em 1em 0em 1em; letter-spacing:0.5px; font-weight:normal; text-decoration:none; text-align:left;} #rowtop li a:hover {color: #005AA5;} #rowtop li a.active {color: #000; font-weight:bold; border-bottom:#753a00 3px solid;} #rowtop img {border: none; margin:0em 0em 0em 0em;} #headerhome #rowbottom{float:left; width:100%; height:40px; margin:0em 0em 0em em; padding:0em 0em 0em 0em; border:#753a00 0px solid; background:url(../img/bg_menu.png) repeat-x; } #container #header {float:left; width:100%; padding:12em 0em 0em 0em; margin:0em 0em 0.5em 0em; background: url(../img/bg_mbachallenge.jpg) no-repeat top; border:#1C90BA 0px solid;} #header #rowlogo{ float:left; width:200px; height:100px; margin:0em 0em 0em 0em; padding:0em 0em 0em 0em; border:#dfdfdf 0px solid; } #rowlogo img {border: none; margin:0em 0em 0em 0.5em;} #header #rowtop{float:none; width:100%; margin:0em 0em 0em 0em; padding:0em 0em 0em 0em; border:#753a00 0px solid; } #rowtop ul {float:left; list-style: none; margin:0.5em 0em 0em 9em; padding:0em 0em 0em 0em;} #rowtop li {float:left; line-height:15px; padding:0em 0em 0em 0em; margin: 0px; } #rowtop li.help {float:left; line-height:15px; padding:0em 0em 0em 0em; margin: 0px; background:url(../img/icon_help.gif) no-repeat; } #rowtop li.logout {float:left; line-height:15px; padding:0em 0em 0em 0em; margin: 0px; background:url(../img/icon_logout.gif) no-repeat; } #rowtop li a{font-size:12px; display:block; color: #330000; border-left:#eee 0px solid; padding:0em 1em 0.2em 1em; margin:0em 1em 0em 1em; letter-spacing:0.5px; font-weight:normal; text-decoration:none; text-align:left;} #rowtop li a:hover {color: #005AA5;} #rowtop li a.active {color: #000; font-weight:bold; border-bottom:#753a00 3px solid;} #rowtop img {border: none; margin:0em 0em 0em 0em;} #header #rowbottom{float:left; width:100%; height:40px; margin:0em 0em 0em em; padding:0em 0em 0em 0em; border:#753a00 0px solid; background:url(../img/bg_menu.png) repeat-x; } #container #content {float:left; width:100%; height:auto; padding:0em 0em 0em 0em; margin:0em 0em 0em 0em; border:#000 0px solid; background-color:#FFFFFF;} #container #homecontent {float:left; width:100%; padding:0.2em 0em 0em 0em; margin:0em 0em 0.5em 0em; border:#753a00 0px solid; background-color: #FFFFFF;} #homecontent #homecol{ float:left; width:260px; height:350px; margin:0em 1em 0em 1.3em; padding:0em 0em 0em 0em; border:#dfdfdf 0px solid; } #homecontent #leftcol{ float:left; width:580px; margin:0em 1em 0em 1.3em; padding:0em 0em 0em 0em; border:#dfdfdf 0px solid; } #leftcol h2 {font-size:22px; color:#7a1618; font-family:sans-serif, Helvetica; font-variant:normal; font-weight:bold; margin:0em 0em 1em 0em; padding:0em 0em 0em 0em; line-height:28px;} #leftcol h3 {font-size:16px; color:#336699; font-family:sans-serif, Helvetica; font-variant:normal; font-weight:bold; margin:0.5em 0em 0.3em 0em; padding:0em 0em 0em 0em; line-height:20px;} #leftcol p {font-size:13px; color:#222130; font-weight:normal; text-align:justify; margin:0em 0em 0.4em 0em; padding:0em 0em 0em 0em; line-height:18px;} #leftcol p.highlight {font-size:13px; color:#000; font-weight:normal; margin:0em 0em 0.5em 0em; padding:0em 0em 0em 0em; line-height:20px;} #leftcol ul {float:left; margin:0em 0em 0.5em 0em; padding:0em 0em 0em 1.5em;} #leftcol li { font-size:13px; color: #222130; text-align:justify; font-weight:normal; line-height:20px; margin:0em 0em 0em 0em; padding:0em 0em 0em 0em; margin: 0px; list-style:square; } #leftcol li a{font-size:12px; display:block; color: #222130; border-right:#fff 0px solid; border-left:#464d57 0px solid; padding:0em 0em 0em 0em; letter-spacing:0.5px; font-weight:bold; text-decoration:none; text-align:left;} #leftcol li a:hover {color: #ED8917; } #container #homecontent #hrow{ float:left; width:850px; height:250px; margin:1em 1em 1em 1.3em; padding:0em 0em 0em 0em; border:#dfdfdf 0px solid; background-color:#ffffcc;} #container #homecontent #hrow h2 {font-size:18px; color:#7a1618; font-family:sans-serif, Helvetica; font-variant:normal; font-weight:bold; margin:0em 0em 1em 0em; padding:0em 0em 0em 0em; line-height:28px;} #container #homecontent #hrow p {font-size:13px; color:#222130; font-weight:normal; margin:0em 0em 0em 0em; padding:0em 0em 0em 0em; line-height:18px;} #container #homecontent #hrow #hrow_box1 { float:left; width:245px; height:250px; margin:0em 1em 0em 0em; padding:0.5em; border:#dfdfdf 0px solid; } #container #homecontent #hrow #hrow_box2 { float:left; width:245px; height:250px; margin:0em 0em 0em 1em; padding:0.5em; border:#dfdfdf 0px solid; } #container #homecontent #hrow #hrow_box3 { float:right; width:245px; height:250px; margin:0em 0em 0em 1em; padding:0.5em; border:#dfdfdf 0px solid; } #homecontent #leftcol #bookbox{ float:left; width:180px; height:250px; text-align:center; font-size:12px; background-color:#FDE6A3; margin:0em 0.2em 0.5em 0em; padding:0.2em 0.2em 0.2em 0.2em; border:#FDD97B 1px solid; } /* ****** video gallery ********** */ #homecontent #leftcol .videobox{ float:left; width:183px; height:150px; text-align:center; font-size:12px; background-color:#FDE6A3; margin:0em 0.4em 0.4em 0em; padding:0.2em 0.2em 0.2em 0.2em; border:#FDD97B 1px solid; } #homecontent #fullcol{ float:left; width:850px; margin:0em 1em 0em 1.3em; padding:0em 0em 0em 0em; border:#dfdfdf 0px solid; } #homecontent #fullcol .videogallery{ float:left; width:183px; height:150px; text-align:center; font-size:12px; background-color:#FDE6A3; margin:0em 0.4em 0.4em 0em; padding:0.2em 0.2em 0.2em 0.2em; border:#FDD97B 1px solid; } .videobox img{ padding:0.5em 0.2em 0.2em 0.2em;} /* ****** video gallery ********** */ #container #homebox01 {float:left; width:265px; height:250px; margin:0.5em 0em 0em 0.8em; padding:1em 0.7em 0em 1em; border-right:#dfdfdf 0px solid; background: #ccc; url(img/bg_box.png) no-repeat;} #homebox01 h2 {font-size:18px; color:#7a1618; font-family:sans-serif, Helvetica; font-variant:normal; font-weight:bold; margin:0em 0em 1em 0em; padding:0em 0em 0em 0em; line-height:28px;} #homebox01 p {font-size:13px; color:#222130; font-weight:normal; margin:0em 0em 0.4em 0em; padding:0em 0em 0em 0em; line-height:28px;} #container #homebox02 {float:left; width:265px; height:250px; margin:0.5em 0em 0em 0.2em; padding:1em 0em 0em 0.5em; border-right:#dfdfdf 0px solid; background: #ccc; url(img/bg_box.png) no-repeat;} #homebox02 h2 {font-size:18px; color:#7a1618; font-family:sans-serif, Helvetica; font-variant:normal; font-weight:bold; margin:0em 0em 1em 0em; padding:0em 0em 0em 0em; line-height:28px;} #homebox02 p {font-size:13px; color:#222130; font-weight:normal; margin:0em 0em 0.6em 0em; padding:0em 0em 0em 0em; line-height:18px;} #container #homebox03 {float:right; width:270px; height:250px; margin:0.5em 0.5em 0em 0em; padding:1em 0em 0em 0.5em; border:#dfdfdf 0px solid; background:url(../img/bg_box.png) no-repeat;} #homebox03 h2 {font-size:18px; color:#7a1618; font-family:sans-serif, Helvetica; font-variant:normal; font-weight:bold; margin:0em 0em 1em 0em; padding:0em 0em 0em 0em; line-height:28px;} #homebox03 p {font-size:13px; color:#222130; font-weight:normal; margin:0em 0em 0.4em 0em; padding:0em 0em 0em 0em; line-height:25px;} #homecontent #middlecol{ float:right; width:260px; margin:0em 0.2em 0em 0em; padding:0em 0em 0em 0em; border:#000 0px solid; } #middlecol h2 {font-size:16px; color:#7a1618; font-family:sans-serif, Helvetica; font-variant:normal; font-weight:bold; margin:0em 0em 0.2em 0em; padding:0em 0em 0em 0em; line-height:18px;} #middlecol ul {float:left; margin:1em 0em 0em 0em; padding:0em 0em 0em 1.5em;} #middlecol li { font-size:12px; color: #222130; font-weight:normal; line-height:20px; margin:0em 0em 1em 0em; padding:0em 0em 0em 0em; margin: 0px; list-style:square; } #middlecol li a{font-size:12px; display:block; color: #222130; border-right:#fff 0px solid; border-left:#464d57 0px solid; padding:0em 0em 0em 0em; letter-spacing:0.5px; font-weight:normal; text-decoration:none; text-align:left;} #middlecol li a:hover {color: #ED8917; } #middlecol #pbox{ float:right; width:230px; text-align:center; background-color:#FEB400; margin:0em 0em 0em 0em; padding:0.2em 0.2em 0.2em 0.2em; border:#dfdfdf 1px solid; } #middlecol #pbox2{ float:right; width:230px; text-align:center; margin:0em 0em 0em 0em; padding:1em 0.2em 0.2em 0.2em; border:#dfdfdf 0px solid; } #container #containerbox #subbanner {float:left; width:100%; height:150px; margin:0em 0em 0.5em 0em; padding:0em 0em 0em 0em; border:#1C90BA 1px solid; background:url(../images/bg_mainimage.png) repeat-x top;} #container #containerbox #subcontent {float:left; width:100%; margin:0em 2em 0em 0em; padding:0em 0em 2em 0em; border:#000 1px solid; background-color: #FFFFFF;} #subcontent #middle{ float:left; width:600px; margin:0em 0em 0em 0em; padding:0em 0em 0em 0em; border:#dfdfdf 1px solid; } #subcontent #right{ float:left; width:280px; margin:0em 0em 0em 0em; padding:0em 0em 0em 0em; border:#000000 1px solid; } #middle #breadcrumb { float:left; width:100%; margin:0em 0em 1em 0em; padding:0em 0em 0em 0em; border-bottom:#dfdfdf 1px solid; } .breadcrumb{font-size:11px;} .breadcrumb a{ background: transparent url(../img/breadcrumb.gif) no-repeat center right; text-decoration: none; padding-right: 18px; /*adjust bullet image padding*/color: navy; } .breadcrumb a:visited, .breadcrumb a:active{color: navy;} .breadcrumb a:hover {text-decoration: underline;} #subcontent #middle h1{float:left; font-size:20px; width:100%; font-family:sans-serif, Helvetica; color:#FF690A; font-weight:bold; margin:0em 0em 0.8em 0em; padding:0em 0em 0.3em 0em; line-height:18px;} #subcontent #middle h2{float:left; font-size:16px; width:100%; font-family:sans-serif, Helvetica; color:#0080AA; font-weight:bold; margin:0.6em 0em 0.2em 0em; padding:0em 0em 0em 0em; line-height:18px; border-bottom:#dfdfdf 1px solid;} #subcontent #middle h3{float:left; font-size:13px; width:100%; font-family:sans-serif, Helvetica; color:#0080AA; font-weight:bold; margin:0.6em 0em 0.2em 0em; padding:0em 0em 0em 0em; line-height:18px; border-bottom:#dfdfdf 1px solid;} #subcontent #middle h4{float:left; font-size:14px; width:100%; color:#222130; font-weight:bold; margin:0em 0em 0em 0em; padding:0.3em 0em 0.3em 0em; line-height:18px;} #subcontent #middle p {float:left; font-size:13px; width:100%; color:#222130; font-weight:normal; margin:0em 0em 0.5em 0em; padding:0em 0em 0.3em 0em; line-height:18px;} #subcontent #middle ul {float:left; margin:0em 0em 0.5em 0em; width:100%; padding:0em 0em 0em 1.5em;} #subcontent #middle li { font-size:13px; width:100%; color: #222130; font-weight:normal; line-height:20px; margin:0em 0em 0em 0em; padding:0em 0em 0em 0em; margin: 0px; list-style:square; } #subcontent #middle li a{font-size:13px; display:block; color: #222130; border-right:#fff 0px solid; border-left:#464d57 0px solid; padding:0em 0em 0em 0em; letter-spacing:0.5px; font-weight:bold; text-decoration:none; text-align:left;} #subcontent #middle li a:hover {color: #11425C; } #subcontent #right h2{float:left; font-size:16px; width:100%; font-family:sans-serif, Helvetica; color:#0080AA; font-weight:bold; margin:0.6em 0em 0.2em 0em; padding:0em 0em 0em 0.2em; line-height:18px; border-bottom:#dfdfdf 1px solid;} #subcontent #right h4{float:left; font-size:14px; width:100%; color:#222130; font-weight:bold; margin:0em 0em 0em 0.2em; padding:0.3em 0em 0.3em 0.2em; line-height:18px;} #subcontent #right p {float:left; font-size:13px; width:100%; color:#222130; font-weight:normal; margin:0em 0em 1em 0em; padding:0em 0em 0.3em 0.2em; line-height:18px;} #container #footer {float:left; width:100%; padding:0em 0em 0em 0em; margin:0em 0em 0em 0em; border-top:#791618 1px solid;} #footer ul {float:left; list-style: none; margin:0em 0em 0em 2em; padding:0.5em 0em 0em 0em;} #footer li {float:left; font-size:11px; display:block; color: #222130; line-height:15px; padding:0em 0.4em 0em 0.4em; margin: 0px; } #footer li a{font-size:11px; display:block; color: #222130; border:#dfdfdf 0px solid; padding:0em 0em 0em 0em; letter-spacing:0.3px; font-weight:normal; text-decoration:none; text-align:left;} #footer li a:hover {color: #336699;} /****** ****************/ #leftcol #Grid {float:left; width:100%; margin:0em; padding:0.5em; border:#aaa 0px solid;/*E9910C*/ } #leftcol #Grid a{color:#000; text-decoration:underline;} #leftcol #Grid img{ margin:0.2em 0em 0em 0.1em; padding:0em 0em 0em 0em;} #leftcol #Grid img.cell{ float:left; height:50px; width:50px; margin:0em 2em 0em 0em; padding:0em 0em 0em 0em;} #leftcol ul {float:left; margin:1em 0em 0em 0em; padding:0em 0em 0em 1.5em;} #leftcol li { font-size:12px; color: #222130; font-weight:normal; line-height:20px; margin:0em 0em 1em 0em; padding:0em 0em 0em 0em; margin: 0px; list-style:square; } #leftcol li a{font-size:12px; display:block; color: #222130; border-right:#fff 0px solid; border-left:#464d57 0px solid; padding:0em 0em 0em 0em; letter-spacing:0.5px; font-weight:normal; text-decoration:none; text-align:left;} #leftcol li a:hover {color: #ED8917; } #form {float:left; width:99.5%; margin:0.2em 0em 1em 0.2em; padding:0em 0em 0em 0em; border:#e8e8e8 0px solid;} .table1{ width:100%; border-collapse:collapse; border-spacing:0; border: 0px solid #A9CEF8; font-family:sans-serif, Helvetica; } tr {border-bottom:0px #D9E9FB solid; border-top:0px #D9E9FB solid;} .trline { border-bottom:1px solid #999999; height:30px;} /* .table2{ width:50%; border-collapse:collapse; border-spacing:0; border: 0px solid #A9CEF8; font:70%/1 verdana, sans-serif; }*/ td{ font-size:12px;font-family:sans-serif, Helvetica; font-weight:normal; } .td1 { padding: 0.5em 0.5em; margin:0.5em 0.5em ; border:0px #D9E9FB solid; } .subhead td {background: #4A9BD0; font-weight:bold; color:#08006D; padding: 0.5em 0.5em; border-bottom:1px #D9E9FB solid; border-top:1px #D9E9FB solid;} .tdhead{font-weight:bold; font-size:15px; color: #666666;} .trhead{height:10px; border:0px solid #000;} form {margin:0; padding:0;} input, textarea { font-family:sans-serif, Helvetica; font-variant:normal; } .red {color:#FF0000;} /* mandatory field */ .over{background-color:#FEF9CF; } /* Form row mouse over color */ .alertfail{ -webkit-background-clip: border; -webkit-background-origin: padding; background-attachment: scroll; background-color: #FBD0C4; background-image: url(../img/icon/icon_status_failure_26x26.gif); background-repeat: no-repeat; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: rgb(51, 51, 51); display: block; margin-bottom: 30px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: rgb(51, 51, 51); outline-style: none; outline-width: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 7px; padding-left: 35px; padding-right: 7px; padding-top: 7px; position: relative; vertical-align: baseline; text-align: justify; font-weight:bold; } .alert { -webkit-background-clip: border; -webkit-background-origin: padding; background-attachment: scroll; background-color: rgb(230, 248, 221); background-image: url(../img/icon/icon_status_success_26x26.gif); background-repeat: no-repeat; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: rgb(51, 51, 51); display: block; margin-bottom: 30px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: rgb(51, 51, 51); outline-style: none; outline-width: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 7px; padding-left: 35px; padding-right: 7px; padding-top: 7px; position: relative; vertical-align: baseline; text-align: justify; font-weight:bold; } /***** ****************/