/* Default Stylesheet */
/* >>> ELEMENTS <<< */
/*Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0*/html { color:#000; background:#FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select {
 *font-size:100%; font-family:inherit; font-size:inherit; font-weight:inherit; }
legend { color:#000; }
del, ins { text-decoration:none; }
ul, ol, dl { position: relative; }/*end reset*/
html { overflow-y:scroll; left: 0; font-family: "Arial", "Tahoma", "MS Sans Serif", sans-serif; font-size: 10pt; height: 100%; width: 100%; background-image: url(../img/background.png); background-repeat: repeat; background-attachment: fixed; }
div.kleer { clear: both; }
*html #main { height: 100%; }
/* >>> CONTAINERS <<< */div#main { margin-right: auto; margin-left: auto; background-color: #f5f5f5; width: 810px; position: relative; min-height: 50%; border: solid #999; border-width: 0 1px 0 1px; position: relative; z-index: 2; }
div#print { display: none; }
div#container { height: 100%; height: 100% !important; min-height: 100%; margin-bottom: -100px; width: 800px; margin: auto; margin: auto; padding-bottom: 30px; position: relative; z-index: 2; }
div#header-wrap { margin: 0 0 8px 0; padding: 0; position: relative; z-index: 6; }
div#header-in { color: inherit; background-color: #fff; border: solid #eee; border-width: 0 2px 2px 0; padding: 0; position: relative; }
div#content-wrap { overflow:hidden; clear: both; position: relative; z-index: 2; }
div#center { margin: 0 100px 8px 100px; color: inherit; background-color: #FFF; border: solid #eee; border-width: 0 2px 2px 0; padding-bottom: 20px; padding-right: 20px; }
div#center-in { margin-left: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 205px; padding-top: 5px; overflow: visible; }
div#center-full { color: inherit; background-color: #fff; border: solid #eee; border-width: 0 2px 2px 0; clear: none; overflow: hidden; height: auto; }
div#center-med { padding: 0; margin: 0 0 8px 190px; color: inherit; background-color: #fff; border: solid #eee; border-width: 0 2px 2px 0; border-style: solid; }
div#left { float: left; width: 197px; margin-right: 10px; margin-bottom: 10px; border-color: #cccccc; border-width: 0 3px 0 0; border-style: solid; }
div#left-in { padding: 0px; padding-right: 15px; }
div#right { float: right; width: 200px; color: inherit; border: solid #eee; border-width: 0 0px 2px 2px; padding-left: 10px; padding-bottom: 10px; margin-left: 10px; margin-bottom: 10px; background-color: #FFF; }
/* >>> SUB CONTAINERS <<< */div#wrap { background-image: url(../img/Sidebarbackground.gif); background-repeat: repeat-y; height: auto; margin: 10px; }
div#header { padding-right: 10px; padding-top: 20px; padding-bottom: 10px; padding-left: 10px; }
div#center-out { margin-left: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 0px; padding-top: 5px; }
div.left { float: left; margin: 20px 19px 20px 0; }
div#footer-wrap { position: relative; height: 80px; margin-top: -25px; margin-bottom: 0px; margin-right: auto; margin-left: auto; width: 810px; clear: both; padding: 0; position: relative; z-index: 1; }
div#footer-in { height: 50px; margin-top: 0; margin-bottom: 0; padding: 10px 10px 10px 10px; background-color: #fff; border: solid #eee; border-width: 0 0 0 0; text-align: center; }
/* >>> nav <<< */ul#nav-left, ul#nav-right { list-style: none; padding: 0px; margin-left: 20px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; }
ul#nav-left li, ul#nav-right li { }
ul#nav-left li a, ul#nav-right li a { display: block; width: 118px; padding: 5px 10px; color: #666; background-color: inherit; text-decoration: none; border-bottom: 1px solid #eee; }
ul#nav-left li a:hover, ul#nav-right li a:hover { color: #666; background-color: #F1F7FF; border-bottom: 1px solid #E3EFFF; }
ul#nav-left li.activelink a, ul#nav-left li.activelink a:hover { background-color: #f5f5f5; color: #666; }
.menu { border:none; border:0px; margin:0px; padding:0px; font-family:verdana, geneva, arial, helvetica, sans-serif; font-size:14px; font-weight:normal; color:#8e8e8e; overflow: visible; z-index:1500; }
.menu ul { background:url(../images/menu-bg.gif) top left repeat-x; height:43px; list-style:none; margin:0px; padding:0px; z-index:1499; }
.menu li { float:left; }
.menu li a { color:#666666; display:block; font-weight:normal; line-height:43px; padding:0px 25px; text-align:center; text-decoration:none; }
.menu li:hover { color:#000000; text-decoration:none; background: #b6d5ff; position: relative; }
.menu li ul { background:#e3efff; border-left:2px solid #b6d5ff; border-right:2px solid #b6d5ff; border-bottom:2px solid #b6d5ff; border-top:2px solid #b6d5ff; display:none; height:auto; position:absolute; width:200px; z-index:1000; }
.menu li:hover > ul { display:block; }
.menu li li { display:block; float:none; width:auto; clear: both; }
.menu li ul a { display:block; font-size:12px; font-style:normal; padding:0px 10px 0px 15px; text-align:left; }
.menu li ul > a:hover { background:#b6d5ff; color:#000000; }
.menu li ul.second { left:80%; top:5%; }
.menu p { clear:left; }
.menu #current { background:url(../images/current-bg.gif) top left repeat-x; color:#000; }/* >>> END <<< */
/* >>> TYPOGRAPHY <<< */*.x { display: none; }
div#center h1, div#center-full h1, div#center-med h1 { margin: 0 0 5px 0; font-size: 18px; font-weight: 400; }
div#center h2, div#center-full h2, div#center-med h2 { margin: 0 0 5px 0; font-size: 16px; font-weight: 400; }
div#center h3, div#center-full h3, div#center-med h3 { margin: 0 0 5px 0; font-size: 12px; }
div#left h2, div#right h2 { margin: 20px 20px 5px 5px; font-size: 14px; }
div#center p, div#center-full p, duv#center-med p { margin: 5px 0 5px 0; color: #444; background-color: inherit; font-size: 12px; line-height: 18px; }
div#left p, div#right p { margin: 0 15px 5px 20px; color: #666; background-color: inherit; font-size: 12px; }
div#footer-wrap p { background-color: inherit; font-size: 8px; clear: both; margin-top: 0; margin-right: 20px; margin-bottom: 5px; margin-left: 20px; }
div#footer-wrap p.list { margin: 0 20px 5px 20px; background-color: inherit; font-size: 10px; }
p a, ul.list a { color: #4494FF; background-color: inherit; text-decoration: none; border-bottom: 1px solid #F1F7FF; }
p a:hover, ul.list a:hover { color: #333; }/* >>> END <<< */
td a, ul.list a { color: #4494FF; background-color: inherit; text-decoration: none; border-bottom: 1px solid #F1F7FF; }
td a:hover, ul.list a:hover { color: #333; background-color: inherit; border-bottom: 1px solid #eee; }
a.but { font-size:medium; font-weight: 400; color:#000000; background-color:#E3EFFF; text-decoration:none; border-width:3px; border-style:outset; border-color:#E3EFFF; padding-left:5px; padding-right:4px; padding-top:2px; padding-bottom:2px }
a.but:active { font-size:medium; font-weight:425; color:#000000; background-color:#E3EFFF; text-decoration:none; border-width:3px; border-style:outset; border-color:#E3EFFF; padding-left:5px; padding-right:4px; padding-top:2px; padding-bottom:2px }
div#right2 { float: right; width: auto; color: inherit; background-color: #fff; border: solid #fff; padding-left: 5px; padding-bottom: 10px; }
div#left_pro { float: left; width: 94%; border: solid #eee; border-width: 0 0 2px 0; margin-bottom: 20px; padding-bottom: 10px; }
/* }} Accordian {{ */.technology { /*header of 2nd demo*/ cursor: pointer; margin: 10px 0; }
.openlanguage { /*class added to contents of 2nd demo when they are open*/ margin-right: 5px; }
.closedlanguage { /*class added to contents of 2nd demo when they are closed*/ color: #000; }
.language { color: black; }
.underline { text-decoration: underline; }/* >>> END <<< */
/* }} Tabs {{ */ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; /*--Set height of tabs--*/ border-bottom: 1px solid #999; border-left: 1px solid #999; width: 95%; }
ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 31px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #999; border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #e0e0e0; }
ul.tabs li a { text-decoration: none; color: #000; display: block; font-size: 1.2em; padding: 0 20px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; }
ul.tabs li a:hover { background: #ccc; }
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fff; border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/ }
.tab_container { border: 1px solid #999; border-top: none; overflow: visible; clear: none; float: left; width: 95%; background: #fff; margin-bottom: 10px; }
.tab_container1 { border: 1px solid #999; border-top: none; overflow: visible; clear: both; float: left; width: 99%; background: #fff; }
.tab_content { padding: 10px; }
ul.tabs-1 { margin: 0; padding: 0; float: left; list-style: none; height: 32px; /*--Set height of tabs--*/ border-bottom: 1px solid #999; border-left: 1px solid #999; width: 99%; }
ul.tabs-1 li { float: left; margin: 0; padding: 0; height: 31px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 31px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #999; border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #e0e0e0; }
ul.tabs-1 li a { text-decoration: none; color: #000; display: block; font-size: 1.2em; padding: 0 10px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; }
ul.tabs-1 li a:hover { background: #ccc; }
html ul.tabs-1 li.active, html ul.tabs-1 li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fff; border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/ }
.tab_content-1 { padding: 20px; font-size: 1.2em; }
ul.tabs-2 { margin: 0; padding: 0; float: left; list-style: none; height: 32px; /*--Set height of tabs--*/ border-bottom: 1px solid #999; border-left: 1px solid #999; width: 98.1%; }
ul.tabs-2 li { float: left; margin: 0; padding: 0; height: 31px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 31px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #999; border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #e0e0e0; }
ul.tabs-2 li a { text-decoration: none; color: #000; display: block; font-size: 1.2em; padding: 0 10px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; }
ul.tabs-2 li a:hover { background: #ccc; }
html ul.tabs-2 li.active, html ul.tabs-2 li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fff; border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/ }
.tab_content-2 { padding: 20px; font-size: 1.2em; }
ul.tabs-3 { margin: 0; padding: 0; float: left; list-style: none; height: 32px; /*--Set height of tabs--*/ border-bottom: 1px solid #999; border-left: 1px solid #999; width: 98.1%; }
ul.tabs-3 li { float: left; margin: 0; padding: 0; height: 31px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 31px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #999; border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #e0e0e0; }
ul.tabs-3 li a { text-decoration: none; color: #000; display: block; font-size: 1.2em; padding: 0 10px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; }
ul.tabs-3 li a:hover { background: #ccc; }
html ul.tabs-3 li.active, html ul.tabs-3 li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fff; border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/ }
.tab_content-3 { padding: 20px; font-size: 1.2em; }/* >>> END <<< */
div a, ul.list a { color: #4494FF; background-color: inherit; text-decoration: none; border-bottom: 1px solid #F1F7FF; }
#help { cursor: help; }
#dent { list-style-type: disc; padding: 0px 0px 0px 15px; }