/* Stylesheet for ProStor Systems */

html, body, div, span, applet, object, iframe,
p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
fieldset, form, label, legend, caption
{margin: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent;}

:focus {outline:none;}

html, body {height: 100%;}
body {font: 12px/normal Verdana, Verdana, Geneva, sans-serif; color: #000;}
body.pixelsilk {text-align:center; background: #fff; border: 0;}

p {margin: 0 0 0.75em 0;}
a img {border: 0;}
hr {height: 1px; color: #f1f1f1; background-color: #f1f1f1; border: 0;}
object {outline: none;}
sub {font-size: 10px; vertical-align: sub;}
sup {font-size: 10px; vertical-align: super;}

a, a:link, a:visited {color: #ad2313; text-decoration: none; outline: none;}
a:active, a:hover, a:focus {color: #ad2313; text-decoration: underline; outline: none;}
a[name] {color: #333; text-decoration: none;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin: 0 0 10px; padding: 0 0 10px;}
h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}

/* Alignment/spacing classes */
.alignleft {margin: 0 20px 20px 0; float: left;}
.alignright {margin: 0 0 20px 20px; float: right;}

/* Setup the Sprites */
.spriteTheme {background-image:url('/imn.jpg'); background-repeat:no-repeat;}

#theme {position: relative; margin: 0 auto; text-align: left; width: 900px; background: #fff; z-index: 1;}

/* Header Styles */
#header {position: relative; margin: 0 auto; width: 100%; height: 130px; z-index: 100;}
#logo {position:absolute; display:block; left:0; top:22px; width: 210px/*206px*/; height: 80px; z-index: 200; background-position: 0 0; text-transform:uppercase; color:#bababa; text-align:center;}
#logo span {display:block; width:206px; height:66px;}

#search {position:absolute; right:0; top:35px; width:196px; height:23px; border:solid 1px #bfbfbf; background:#fff;}
#search input.txtSearch {padding: 0 0 0 10px; width:166px; height:23px; border:0; position:absolute; left:0; top:0; background:transparent; line-height: 23px; color: #000;}
#search input.lnkSearch {position:absolute; left: 180px; top:6px; width:12px; height:12px; background-position: -532px 0; border: none; background-color: transparent; color: transparent;}

a.twitter {position:absolute; left: 337px; top: 34px; width:32px; height: 32px; background-position: -210px 0; text-indent:-999em;}
a.youtube {position:absolute; left: 372px; top: 34px; width:32px; height: 32px; background-position: -244px 0; text-indent:-999em;}
a.linkedin {position:absolute; left: 408px; top: 35px; width:32px; height: 32px; background-position: -281px 0; text-indent:-999em;}
a.blog {position:absolute; left: 445px; top: 35px; width:45px; height: 32px;}
a.demo {display: block; position: absolute; left: 520px/*470px*/; top: 31px; width: 148px; height: 35px; background-position: -315px 0; line-height: 35px; text-align:center; color: #fff;}
#loginLink {position:absolute; right: 0; top: 68px; width: 150px; height: 18px; line-height: 18px; text-align:right;}

/* Menu Styles */
#siteMenu {position: absolute; right: 0; top: 95px; width: 900px; height: 30px; text-align:right; z-index: 100;}
#siteMenuBottom {position: absolute; left: 0; bottom: 0; width: 900px; height: 5px; background: #ad2414;}
#siteMenuBottomCorner {position: absolute; left: 0; top: 0; width:40px; height:5px; background-position: -210px -35px;}
#topMenu {list-style: none; margin: 0; padding: 0; float: right;}
#topMenu li {display: block; float: left; position: relative; height: 30px; line-height: 30px; vertical-align:top;}
#topMenu li a, #topMenu li a:link, #topMenu li a:visited {display: inline-block; position: relative; padding: 0 12px; font-size: 12px; height: 30px; line-height: 30px; color: #000; text-decoration: none; background: #fff url('/prostor-horz-sprite.png') repeat-x 0 0;}
#topMenu li a:hover, #topMenu li a:active {display: inline-block; position: relative; padding: 0 12px; font-size: 12px; height: 30px; line-height: 30px; color: #fff; text-decoration: none; background: #ad2414;}
#topMenu li.current a, #topMenu li.currentFade a {color: #fff; text-decoration: none; background: #ad2414;}
#topMenu li a span.corner {position: absolute; left: 0; top: 0; width: 13px; height: 6px; background: none; z-index: 103;}
#topMenu li a:hover span.corner, #topMenu li a:active span.corner, #topMenu li.current a span.corner, #topMenu li.currentFade a span.corner {background: url('/prostor-sprite-theme.png') no-repeat -255px -35px;}
#topMenu li.separator {width:1px; background: transparent url('/prostor-horz-sprite.png') no-repeat 0 -30px;}

#subNavigation {display: none;}

/* Submenu styles */
#topMenu li ul {display: none; position:absolute; left: 0; top: 30px; list-style: none; margin:0; padding:5px 0 10px; min-width:200px; text-align: left; /* Match UL 'left' attribute below */ background: #ad2414; line-height: 18px;}
#topMenu li ul * {list-style-position:outside;}
#topMenu li ul li {position:relative; height: auto; margin:0; padding:0; width: auto; min-width:200px;}
#topMenu li ul li a, #topMenu li ul li a:link, #topMenu li ul li a:visited {display:block; padding: 0 12px; height:auto; line-height: 18px; color:#fff; font-size: 11px; text-decoration: none; white-space: nowrap; text-align: left; background:none;}
#topMenu li ul li a:hover, #topMenu li ul li a:active, #topMenu li ul li a:focus {color: #fff; text-decoration: underline; background: #ad2414;}
#topMenu li ul li.separator {}

#topMenu li ul li ul {position:absolute; top:0; left:200px; width: auto; min-width: 200px; /* Match UL width above */}
#topMenu li ul li ul li {}
#topMenu li ul li ul li a {white-space: nowrap;}

span.menu-sub-indicator {float:right;}

/* Main content area styles */
#content {position: relative; margin: 1px auto 0; padding: 0 0 25px 0; width: 900px; text-align: left; z-index: 1;}

#leftColumn {float:left; margin: 10px 0 0; padding: 10px 20px 20px; width: 160px; background: url('/bg-left-column.jpg') repeat-y;}
#mainColumn {float:right; margin: 10px 0 0; padding: 10px 20px 20px; width: 660px;}
body.home #mainColumn {float:none; width:900px; padding: 0;}
body.home #mainColumn h3 {margin: 5px 0 10px; font-size: 12px; text-transform: uppercase; border-bottom: solid 1px #d4d4d4;}
body.home #mainColumn h3 span {display: inline-block; margin: 0 0 0 4px; width: 12px; height: 12px; background-position: -532px 0;}

#leftColumn h2, #leftNav h3 {padding: 0; font-size: 16px;}
#leftNav {margin: 0 0 15px;}
#leftNav ul {list-style:none; margin:0 10px 0 20px; padding:0; line-height:18px;}
#leftNav ul li {margin:0 0 5px;}
#leftNav ul li a, #leftNav ul li a:link, ul#subNav li a:visited {font-size:12px;}
#leftNav ul li a.current, #leftNav ul li a.current:link, #leftNav ul li a.current:visited {font-weight:bold;}
#leftNav ul li ul {list-style:none; margin:0 0 10px 15px; padding:0;}
#leftNav ul li ul li {margin:10px 0 0; line-height:12px;}
#leftNav ul li ul li.current a, #leftNav ul li ul li.current a:link, #leftNav ul li ul li.current a:visited {font-weight:bold;}
#leftNav ul li ul li a, #leftNav ul li ul li a:link, #leftNav ul li ul li a:visited {font-size:12px;}

/* Homepage-specific styles */
#homeFlash {position: relative; width: 900px; height: 295px; overflow: hidden; z-index: 10;}

#homeSlidesDiv {position: relative;}
#homeSlides {position: relative; width: 900px; height: 295px; overflow: hidden; z-index: 10;}
#homeSlides a, #homeSlides a img {width: 900px; height: 295px;}
#homeSlidesNav {display:none;/*position: absolute; right: 7px; bottom: 9px; width: auto; height: 7px; text-align: right; z-index: 20;*/}
#homeSlidesNav a {display:inline-block; margin: 0 0 0 4px; padding: 0; width: 34px; height: 5px; border: solid 1px #b0afaa; background: #fbfbef; overflow: hidden; line-height: 2em;}
#homeSlidesNav a.activeSlide {background: #dea55e;}

#homeRotator {position: relative; width: 900px; height: 74px; background: url('/prostor-horz-sprite.png') repeat-x 0 -60px; overflow:hidden;}
#homeRotator .inner {position: absolute; left: 50px; top: 10px; width: 800px; height: 54px;}
#homeRotator .prev {position: absolute; left: -37px; top: 15px; width: 24px; height: 24px; background-position: -470px 0; cursor: pointer;}
#homeRotator .next {position: absolute; left: 813px; top: 15px; width: 24px; height: 24px; background-position: -494px 0; cursor: pointer;}
#homeRotator ul {list-style: none; margin: 0; padding: 0;}
#homeRotator ul li {display: inline-block; float: left; margin: 0; padding: 0; width: 160px; height: 54px; text-align:center;}

#twitterFeed {display: block; float: left; width: 375px;}
#twitterFeed .twtr-hd, #twitterFeed .twtr-ft {display: none;}
#twitterFeed .twtr-tweet-wrap {padding: 5px 0;}

.homeColumn {float: left; margin: 0 0 0 8px; padding: 0 0 0 8px; border-left: solid 1px #d4d4d4; width: 245px;}

/* Footer styles */
#footer {position: relative; margin: 0 auto; text-align: left; width: 900px; clear: both; z-index: 10; border-top: solid 1px #bfbfbf;}
#footer {font-size: 10px; line-height: 50px;}
#footer p {margin: 0;}
#footer a {font-size: 10px; color: #000;}
#footer img {vertical-align: text-bottom;}

#footerPhone {float: right; margin: 0; width: 210px; height: 50px; line-height: 50px; color: #000; font-size: 24px; font-weight:bold; text-align:right;}

#smartzLink {float: right; width: 200px; height: 30px; text-align: right; color: #000; font-size: 10px; line-height: 30px;}
#smartzLink a, #smartzLink a:link, #smartzLink a:visited {font-size: 10px; text-decoration: none; color: #000; line-height: 30px;}
#smartzLink a:hover, #smartzLink a:active {font-size: 10px; text-decoration: underline; color: #000;}
#smartzLink a img {padding-top: expression(3 + "px"); vertical-align: middle; text-decoration: none;}

/* General form styles */
.editForm div {clear: both; margin: 0 0 3px;}
.editForm label {float: left; margin: 0 10px 0 0; width: 30%;}
.editForm span {float: left; width: 65%;}
.editForm span label {float: none;}
.editForm span span {float: none;}
.editForm span input[type=text] {width: 60%;}
.editForm span input[type=text].hasDatepicker {width: 75px;}
.editForm span img {max-width: 120px; max-height: 120px;}
.required {font-weight: bold;}
.editForm textarea {width: 100%; height: 150px;}
.editForm fieldset {clear: both; float: left; margin: 0 0 10px 0; width: 100%; height: 300px; border: 1px #ccc solid;}
.editForm fieldset .inner {padding: 5px 10px 0 10px !important; height: 273px; overflow: auto;}
.editForm legend {margin: 0 0 0 10px;}

.editForm fieldset.auto {height: auto !important;}

/* Misc form field styles */
.width100>input[type=text] {width: 100px;}
.width150>input[type=text] {width: 150px;}
.width200>input[type=text] {width: 200px;}
.width300>input[type=text] {width: 300px;}

/* General List Item styles */
.listItem {clear: both; margin: 0 0 20px 0;}
.listItemImage {float: left; margin: 0 15px 15px 0;}
#listItemImage {float: left; margin: 0 20px 15px 0;}

/* Article styles */
.articleItem {clear: both; margin: 0 0 20px 0;}
.articleItemTitle {margin: 0 0 5px 0;}
.articleItemDate {font-style: italic;}
.articleItemImage {float: left; margin: 0 15px 15px 0;}
.articleItemBody {}
#articleDate {margin: 0 0 15px 0; font-style: italic;}
#articleImage {float: left; margin: 0 20px 15px 0;}

/* Staff styles */
.staffItem {float: left; margin: 0 40px 30px 0; width: 40%;}
.staffImage {float: left; margin: 0 20px 20px 0;}
.staffItemName {font-weight: bold;}
.staffItemTitle {font-style: italic;}
#staffDetailImage {float: left; margin: 0 20px 20px 0;}
#staffDetailBody {}
#staffName {}
#staffJobTitle {}

/* Photo gallery styles */
#photoLargeImage {position:relative; width:665px; height:500px; text-align:center;}
#photoLargeImage img {margin: 0 auto;}
#photoItems {margin: 20px 0 10px 0;}
.photoItem {float:left; margin:0 15px 15px 0; width: 110px; cursor:pointer; position:relative; text-align: center;}
#photoItems img {position:relative; z-index:10;}
#photoItems a img:hover {opacity:0.85;}

#photoImageTitle {position: relative; height: 24px;}
#photoImageDescription {position: relative; height: 35px;}
.photoItemTitle {display: none;}
.photoItemDescription {display: none;}

.loading {background-image:url('/loadingIcon.gif'); background-repeat:no-repeat; background-position: center 33%;}

/* Basic events styles */
.eventList {}
.eventListItems {}
.eventListItems h2 a {}
.eventItemDate {}
.eventItemLocation {}
#eventDetail {}
#eventDetail h1 {}
#eventDetailDate {}
#eventDuration {}

/* Event calendar styles */
.calendarList {}
.calendarListItems {float: left; width: 231px;}
.calendarListItems h2 a {font-size: 16px;}
#caledarDetail {}
#caledarDetail h1 {}
#calendarDetailDate {}
#calendarImage {float: right; margin: 0 0 10px 20px;}
.calendarPicker {float: left; display: inline; margin: 0 0 0 20px; width: 285px} /* Flash calendar */

/* Pagination */
.pagination {display: block; margin: 0; text-align: right;}
.pagination ul {list-style: none; margin: 0; padding: 0;}
.pagination ul li {margin: 0; padding: 0; font-size: 10px; display: inline;}
.pagination ul li a, .pagination ul li a:link, .pagination ul li a:visited {font-size: 10px; padding: 0 3px; line-height: 18px; text-decoration: none;}
.pagination ul li a:hover, .pagination ul li a:active {font-size: 10px; padding: 0 3px; line-height: 18px; text-decoration: none; font-weight: bold;}
.pagination ul li.current {margin: 0; padding: 0 3px; font-size: 10px; display: inline; line-height: 18px; font-weight: bold;}

.pagination ul li.previous a, .pagination ul li.previous a:link, .pagination ul li.previous a:visited {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 5px 0 0; line-height: 18px; text-decoration: none;}
.pagination ul li.previous a:hover, .pagination ul li.previous a:active {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 5px 0 0; line-height: 18px; text-decoration: none; font-weight: bold;}

.pagination ul li.next a, .pagination ul li.next a:link, .pagination ul li.next a:visited {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 0 0 5px; line-height: 18px; text-decoration: none;}
.pagination ul li.next a:hover, .pagination ul li.next a:active {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 0 0 5px; line-height: 18px; text-decoration: none; font-weight: bold;}

/* Misc styles */
.clear {clear: both;}
.hidden {display: none;}
.divAddControl {margin: 25px 0 0 0;}
.divEditDeleteControls {margin: 25px 0 0 0;}
.errorMsg, .error {color: #cc0000;}
.loading {background-image:url('/loadingIcon.gif'); background-repeat:no-repeat; background-position: center 33%;}

label.error {margin: 0 0 0 5px; color: #cc0000;}
#cse-search-results iframe {width: 600px;}

/* OLD Photo Gallery Styles */
#photosLargeImage {width:355px; height:266px; position:relative; text-align:center;}
#photosLargeImage #imgLarge {position:absolute; top:0; left:0; z-index:100;}
#photosLargeImage img#zoomImage {position:absolute; top:5px; right:5px; z-index:2000;}
#photosLargeImage img {/*width:355px; height:266px;*/ margin:0 auto;}
#photosLargeImage p {color:#000; font-size:10px; position:absolute; left:0; bottom:0; z-index:1000; margin:0; padding:5px 0; line-height:14px; width:355px; opacity:0.75; overflow:hidden; background:#ddd;}
#photosItems {width:365px; margin:10px 0; clear:both;}
#photosItems div {float:left; margin:0 9px 10px 0; cursor:pointer; position:relative; z-index:5;}
#photosItems span.divEditControls {position:absolute; z-index:20; top:95px; left:0; width:110px; height:15px; opacity:0.85; text-align:center; background:#ddd;}
#photosItems span.divEditControls, #photosItems span.divEditControls a, #photosItems span.divEditControls a:link, #photosItems span.divEditControls a:visited {font-size:9px; color:#000; text-decoration:none;}
#photosItems span.divEditControls a:active, #photosItems span.divEditControls a:hover, #photosItems span.divEditControls a:focus {color:#df6f00;}
#photosItems img {position:relative; z-index:10; z-index:10;}
#photosItems div.photoThumb p {display:none; position:absolute; z-index:20; left:0px; bottom:90px; padding:10px; font-size:10px; background:#ddd;}
#photosItems a img:hover {opacity:0.85;}
.loading {background-image:url('/loadingIcon.gif'); background-repeat:no-repeat; background-position:50% 50%;}

#photosItems div p.itemBrief {display:none;}

/* OLD Case Study Styles */
#mediaFiles {clear:both; margin:20px; padding:0;}
#mediaFiles li {position:relative; height:20px; line-height:20px; margin:1px 0; padding:0 5px;}
#mediaFiles span.number {position:absolute; top:0; left:-19px; display:block; width:18px; line-height:20px; height:20px; color:#000; font-weight:bold; text-align:center; background:#ddd;}
#mediaFiles li.current {line-height:22px; height:22px; background:#ccc;}
#mediaFiles li.current a, #mediaFiles li.current a:link, #mediaFiles li.current a:visited {text-decoration:none; font-weight:bold;}
#mediaFiles li.current span.number {line-height:22px; height:22px; background:#ccc;}
.caseMeta {display:block; line-height:15px; font-weight:bold;}

.long textarea {width: 100%; height: 300px;}

/* Partner application form styles */
textarea#markets_other_text {display: none;}
textarea#hardware_other_text {display: none;}
textarea#software_other_text {display: none;}
textarea#solutions_other_text {display: none;}
textarea#services_other_text {display: none;}
#company_revenue {display: none;}
#primary_contact {display: none;}
#target_markets {display: none;}
#markets {display: none;}
#hardware_vendors {display: none;}
#software_vendors {display: none;}
#solutions_services {display: none;}
#contact_info {display: none;}

label.error {color: #cc0000;}

form#proLoginForm {display: none;}