/* D E F A U L T S T Y L E S */ /* BODY */ body { font:70%/126% verdana, tahoma, arial, helvetica, sans-serif; color:#202020; background-color:#FFFFFF; margin:5px; padding:5px; } /* BASICS */ h1 { font:bold 160% verdana, arial, helvetica, sans-serif; margin:0px 0px 8px 0px; } h2 { font:bold 130% verdana, arial, helvetica, sans-serif; margin:10px 0px 12px 0px; } h3 { font:bold 120% verdana, arial, helvetica, sans-serif; margin:12px 0px 6px 0px; } h4 { font:bold 110% verdana, arial, helvetica, sans-serif; margin:0px 0px 12px 0px; } h5 { font:bold 90% verdana, arial, helvetica, sans-serif; letter-spacing:1px; margin:10px 0px; } h6 { font:bold 80% verdana, arial, helvetica, sans-serif; letter-spacing:1px; margin:10px 0px; } pre { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-top:0px; margin-bottom:0px;} p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-top:0px; margin-bottom:6px;} /* p:first-letter { font-size:200%; color:#990000; } */ span { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; display:block; margin-top:0px; margin-bottom:6px;} div { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-top:0px; margin-bottom:6px;} strong { } em { } hr {height:1px; color:#990000; background-color: #990000; border: 0; margin: 10px 0px 5px 0px;} code { color:#761596; } fieldset { margin:8px 0px; padding:12px; border:1px solid #ccc; } legend { font-weight:bold; color:#333; margin:0px 4px; } blockquote { } /* LINKS */ a { background:transparent; } a:link { color:#006486; } a:active { color:#1d93b6; } a:visited { color:#464646; } a:hover { color:#1d93b6;} /* LISTS */ ul { list-style-type:square; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 11px; margin-bottom:10px; margin-top:10px} ol { font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 11px; margin-bottom:10px; margin-top:10px} li { margin-bottom:5px; } /* TABLES */ table {} th {} td {font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 11px;} /* FORMS */ form {margin: 0px; padding:0px;} input {font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 11px; padding: 1px; padding-left: 2px;} textarea {border: 1px solid #66667E; background-color: white;} select {font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 11px; } label {cursor: pointer;} /* Elements with fixed name */ input.button {font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 11px; border:1px solid #66667E; background-color: white; padding: 1px; padding-left: 2px; } input.radio {border: 0px; background-color: transparent;} input.checkbox {border: 0px; background-color: transparent;} .table1 {border-collapse:collapse; width:100%; margin:20px 10px 20px 10px; } .th1 {padding:10px; vertical-align:middle; border-top:1px solid #990000; border-bottom:1px solid #990000;} .td1 {padding:10px; vertical-align:top;} .text1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-top:0px; margin-bottom:6px;} .text1intro {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-top:0px; margin-bottom:6px;} .text1intro:first-letter { font-size:200%; font-weight:bold; float:none; vertical-align:text-bottom; color:#990000;} /* CUSTOM */ .tblprice {border-collapse:collapse; width:85%; margin:35px 10px 35px 10px; } .thlprice { font-size:12px; padding:10px; vertical-align:middle; border-top:1px solid #990000; border-bottom:1px solid #990000; letter-spacing:2px;} .thrprice { font-size:12px;; padding:10px; vertical-align:middle; border-top:1px solid #990000; border-bottom:1px solid #990000; letter-spacing:2px;} .tdl1price { padding-top:20px; padding-bottom:5px; padding-left:15px; vertical-align:top;} .tdl2price { padding-top:5px; padding-bottom:5px; padding-left:20px; vertical-align:top; border-bottom: dotted 1px #990000;} .tdrprice { padding-top:5px; padding-bottom:5px; padding-right:10px; vertical-align:top; border-bottom: dotted 1px #990000;} .bstbl {width:100%; border-collapse:collapse;} .bsth1 {background-color:#006633; color:#FFFFFF;} .bsth2 {background-color:#6699FF; color:#FFFFFF;} .bstd0 {font-size:15px; padding-top:10px; padding-bottom:10px; padding-left:5px; font-weight:bold;} .bstd1 {font-size:14px; padding-top:10px; padding-bottom:10px; padding-left:10px; font-weight:bold;} .bstd2 {font-size:12px; padding-top:10px; padding-left:30px; letter-spacing:2px;} .bstd3 {font-size:12px; padding-top:3px; padding-left:50px; vertical-align:top;} .bstd4 {font-size:11px; padding-top:3px; padding-left:70px; vertical-align:top;} .bstd5 {font-size:11px; padding-top:3px; padding-left:90px; vertical-align:top;} .bstd1sum {font-size:14px; padding-top:10px; padding-left:10px; font-weight:bold;} .bstyear {text-align:right; font-size:18px; padding-top:10px; padding-bottom:10px; padding-left:5px; font-weight:bold; font-family:"Courier New", Courier, mono; } .bstdres {text-align:right; vertical-align:bottom; font-family:"Courier New", Courier, mono; border-left:1px solid #666666; border-right:1px solid #666666;} .bstdsum {text-align:right; vertical-align:bottom; font-family:"Courier New", Courier, mono; border-bottom:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #666666;} .bstdsumg {text-align:right; vertical-align:bottom; font-family:"Courier New", Courier, mono; border-bottom:3px double #666666; border-left:1px solid #666666; border-right:1px solid #666666;} .scrdemotbl { border-collapse:collapse; width:95%; margin-top:20px; } .scrdemoth { padding-top:5px; padding-bottom:4px; padding-left:5px; border-bottom:1px solid #990000; border-top:1px solid #990000; } .scrdemotd { padding-top:10px; padding-left:5px; padding-bottom:10px; padding-right:5px; vertical-align:top; } .scrdemopointer {vertical-align:bottom; text-align:right; MARGIN-RIGHT:10px; margin-top:10px;} /* ------------------------------------------------------------------------------------ */ /* L A Y O U T */ /* Header (in this case is common for all layouts) */ #header {padding:0px; width:100%;} #logo {vertical-align:bottom; padding-left:14px; width:155px; } #tag {vertical-align:bottom; padding-bottom:3px; font-size:10px;} #search {vertical-align:bottom; padding-right:3px;} #search div {float:right; vertical-align:bottom; padding-bottom:3px; margin-top:0px; margin-bottom:0px;} #search input {width:100px; margin: 0px 0px 0px 5px; } #search input.button {width:30px; margin: 0px 5px 0px -5px;} #menu {height:25px; background:#037797; vertical-align:middle;} #menu a {text-decoration:none; letter-spacing:1.5pt; margin-left:10px;} #menu a:link {color:#fff;} #menu a:visited {color:#fff;} #menu a:hover {color:#FFCC66; text-decoration:underline;} #menu a:active {color:#FFCC66;} #tools {height:25px; vertical-align:middle;} #tools div {float:right; margin-top:0px; margin-bottom:0px;} #tools a {text-decoration:none;} #tools a:link {color:#037797;} #tools a:visited {color:#037797;} #tools a:hover {color:#FFCC66; text-decoration:underline;} #tools a:active {color:#FFCC66;} /* Main area */ #main_area {padding:0px; width:100%;} /* home page layout */ #home {width:100%; vertical-align:top; padding-top:20px; padding-right:10px; padding-left:10px;} /* 3col+nav layout */ #lcol {width:18%; vertical-align:top; padding:20px 0px 20px 0px;} #lmenu {width:100%; vertical-align:top; padding:0px 5px 0px 0px; border:1px solid #990000; color:#990000; background-color:#FFFFCF;} #lmenu ul {list-style-type:disc;} #lmenu a {text-decoration:none; letter-spacing:0.04em; line-height:20px;} #lmenu a:link {color:#037797;} #lmenu a:visited {color:#037797;} #lmenu a:hover {color:#FFCC66; text-decoration:underline;} #lmenu a:active {color:#FFCC66;} #mcol {width:64%; vertical-align:top; padding:20px 10px 0px 10px;} #bcnav {height:25px; vertical-align:middle;} #bcnav a {text-decoration:underline;} #bcnav a:link {color:#037797;} #bcnav a:visited {color:#037797;} #bcnav a:hover {color:#FFCC66;} #bcnav a:active {color:#FFCC66;} #title {} #subtitle {} #datepub {} #content {} #content a {text-decoration:underline;} #content a:link {color:#037797;} #content a:visited {color:#037797;} #content a:hover {color:#990000;} #content a:active {color:#990000;} #content a.project {text-decoration:none; font-weight:bold; color:#202020;} #content a.project:link {color:#202020;} #content a.project:visited {color:#202020;} #content a.project:hover {color:#999999; text-decoration:underline;} #content a.project:active {color:#999999;} #content a.customer {text-decoration:none; font-weight:bold; color:#FF0000;} #content a.customer:link {color:#FF0000;} #content a.customer:visited {color:#FF0000;} #content a.customer:hover {color:#FFCC00; text-decoration:underline;} #content a.customer:active {color:#FFCC00;} #content tr.projects { background-color:#FFFFCC;} #content td.projects {font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 11px; padding:10px 10px 25px 10px; vertical-align:top;} #rcol {width:18%; vertical-align:top; padding:20px 0px 20px 0px;} #rmenu {width:100%; vertical-align:top; padding:0px 0px 0px 0px; border:1px solid #990000;} #rmenu a {text-decoration:none; line-height:14px;} #rmenu a:link {color:#037797; } #rmenu a:visited {color:#037797; } #rmenu a:hover {color:#FFCC66; text-decoration:underline; } #rmenu a:active {color:#FFCC66; } #cc_right {width:100%; vertical-align:top; padding:0px 0px 0px 0px;} /* Footer (in this case is common for all layouts) */ #footer {width:100%; margin:15px 0px; padding:8px 0px; border-top:1px solid #990000; color:#555; } #footer p {margin:0px 12px 0px 12px; float:left; font-size:10px;} #footer a {text-decoration:underline; margin-left:10px;} #footer a:link {color:#037797;} #footer a:visited {color:#037797;} #footer a:hover {color:#FFCC66;} #footer a:active {color:#FFCC66;} /* Home promo */ .hp_1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; margin-top: 20px; margin-bottom: 20px; letter-spacing: 1px; text-decoration: underline; color: #C10000; } .hp_2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin-top: 5px; } .hp_3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; margin-top: 30px; margin-bottom: 20px; letter-spacing: 1px; color: #C10000; display: inline; } a.hp_4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; letter-spacing: 1px; color: #0001AC; text-decoration: underline; } a.hp_4:link { color:#0001AC;} a.hp_4:active { color:#1d93b6; } a.hp_4:visited { color:#0001AC; } a.hp_4:hover { color: red; text-decoration: none; background-color: #FEFF68; } /* Screencasts */ a.sclink {text-decoration:underline; color:red;} a.sclink:link {color:#037797;} a.sclink:visited {color:#037797;} a.sclink:active {color:#FFCC66; } a.sclink:hover { color: #037797; background-color: #F5F5F5; } /* misc */ .mainBkg{ background-image:url(/common/show_image/?id=269&tag=special_img_tag);background-repeat:no-repeat;}