/* DEFAULT */
HTML {height: 100%;}
BODY {width:100%;height: 100%; font-size: 12px; font-family: Tahoma, Verdana, Arial; background: transparent; margin: 0; text-align: center;}
IMG {border: 0;}

/* COMMON */
h1,h2 {color: #ffa300; font-size: 13px; font-weight: bold; padding: 15px 0 0px; margin: 25px 0 25px}  /* mainOrangeHeader */
h1 {margin-top:0; padding-top:3px}
h3 {color: #205565; font-size: 13px; font-weight: bold; padding: 10px 0 10px; margin: 23px 0 15px}  /* mainDarkBlueHeader */
h4 {color: #4fb3d2; font-size: 12px; font-weight: bold; padding: 5px 0 0px; margin: 15px 0} /* mainGreyHeader */
p, .paragraphDiv {font-size: 12px; line-height: 2.0; color: #333333; margin: 0 0 12px; font-weight: normal} /* mainTxt */
strong {color: #4fb3d2; font-weight: bold}
em {}
ol, ul {font-size: 12px; color: #333333; margin: 0 0 12px; font-weight: normal} /* mainTxt */
li {line-height: 25px}
.fancyUlBullets {list-style: none; padding-left:25px; padding-right:10px}
.fancyUlBullets li {line-height:24px;padding-left:15px;background: url(../gfx/homeCheck.png) no-repeat 0 7px;}
a {color: #c9335d; text-decoration: none}
a:hover {text-decoration: underline}
input {padding: 0;}

.clear {clear: both;}
.fakeDivContent {width: 100%; height: 177px;}
.contentContainer {width:100%; background: #f4f4f4; _height: 100%; min-height: 100%;}
/* Z .content usunięto overflow: auto. 
Wygląda, że nic to nie zepsuła, ale na wszelki wypadek odnotuję */
.content {width: 990px; margin: 0 auto; text-align: left; overflow: visible}
.mainHeader {color: #205565; font-size: 15px; border-bottom: 1px solid #dbdbdb; height: 26px; font-weight: bold; padding-top: 0px;}
.mainHeader a {color: #205565; font-size: 15px; font-weight: bold}
.mainHeader .mainLightBlue {color: #4fb3d2;}
.mainHeaderWide {height: auto; line-height: 24px;}
.mainOrangeHeader {color: #ffa300; font-size: 13px; font-weight: bold; padding: 15px 0; margin: 6px 0}
.mainDarkBlueHeader {color: #205565; font-size: 13px; font-weight: bold; padding: 10px 0; margin: 6px 0}
.mainGreyHeader {color: #333333; font-size: 12px; font-weight: bold; padding: 10px 0 0px}
.mainTxt {font-size: 12px; line-height: 25px; color: #333333; margin-top: 0; font-weight: normal;}
.mainPinkTxt {color: #c9335d;}
.mainBlueTxt {color: #205565;}
.mainLightBlue, .mainLightBlue a {color: #4fb3d2;}
.mainLightGrey {color: #808080; font-weight: normal;}
.error {color: #c9335d;	font-weight: bold}
.hint {color: #808080; }
.mainSpecial {font-style: italic; color: #205565}

.simpleInputContainer {background: url(../gfx/commonInputText.png) 0 0 no-repeat; padding: 4px 5px 7px 5px; width: 198px;float:left;}
.simpleInputLabel {width:120px;overflow:auto;float:left; padding-top:5px;}
.simpleInput {font-family: arial; font-size: 12px; border: 0; width: 190px;}
.simpleHint {border: 0; width: 188px; font-family: arial; font-size: 12px; color: #808080; z-index: 16; margin-top: -15px; display: block; padding:0; visibility:hidden; background:transparent}\
.simpleSelectContainer {background: url(../gfx/registerSelectInput.png) 0 0 no-repeat; text-align: left; padding: 4px 10px 5px 5px;}
.simpleInputFile {position: absolute; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; z-index: 3; left: 200px; margin-bottom: 10px;}
.simpleInputFakeContainer {position: absolute; width: 432px; height: 25px; background: url(../gfx/buttonBrowseWhite.png) 0 0 no-repeat; z-index: 1; padding: 3px 0 0 4px}
.simpleInputFakeContainer-pl {position: absolute; width: 432px; height: 25px; background: url(../gfx/buttonBrowseWhite-pl.png) 0 0 no-repeat; z-index: 1; padding: 3px 0 0 4px}
.simpleInputFake {position: absolute; z-index: 2; color: #808080; font-family: arial; font-size: 12px; width: 300px; border: 0;}
.addFields {padding-left:198px;overflow:auto;margin-top:5px;}
.addField {background: url(../gfx/addButton.png) 0 0 no-repeat; font-family: arial; font-size: 12px; border: 0; width: 25px; height:25px;}

.requiredInfo {float: right; color: #808080;}
.requiredInfoStar {color: #c9335d; font-size: 12px;}
.requiredStar {color: #c9335d; font-size: 12px; float: right; padding: 5px 10px 0 0}
.hidden {display: none;}
.tableForLayout td {vertical-align: top; padding-left: 5px;}

.blueLink {text-align: right; font-size: 12px; padding-right: 15px; padding-bottom: 20px;}
.blueLink a {color: #0053b2; font-weight: bold; text-decoration: none}
.blueLink a:hover {text-decoration: underline}

.roundTopLeftTd {height: 5px; background: url(../gfx/tbl_tl.png) 0 0 no-repeat; font-size: 1px}
.roundTopRightTd {width: 5px; height: 5px; background: url(../gfx/tbl_tr.png) 0 0 no-repeat; font-size: 1px}
.roundBottomLeftTd {height: 5px; background: url(../gfx/tbl_bl.png) 0 0 no-repeat; font-size: 1px}
.roundBottomRightTd {width: 5px; height: 5px; background: url(../gfx/tbl_br.png) 0 0 no-repeat; font-size: 1px}

/* BUTTONS */
.buttonSend {width: 77px; height: 25px; border: 0; background: url(../gfx/sendButton.png) 0 0 no-repeat;}
.buttonSend-pl {width: 77px; height: 25px; border: 0; background: url(../gfx/sendButton-pl.png) 0 0 no-repeat;}
.buttonAddNews {width: 77px; height: 25px; border: 0; background: url(../gfx/addNewsButton.png) 0 0 no-repeat;}
.buttonCancel {width: 63px; height: 25px; border: 0; background: url(../gfx/cancelButton.png) 0 0 no-repeat;}
.buttonChange {background: transparent url(../gfx/buttonChange.png) no-repeat scroll 0 0; width: 73px; height: 25px; border: 0 none;}
.buttonEdit {background: transparent url(../gfx/buttonEdit.png) no-repeat scroll 0 0; width: 73px; height: 25px; border: 0 none;}
.buttonCreate {width: 63px; height: 25px; background: url(../gfx/buttonCreate.png) 0 0 no-repeat; border: 0;}
.buttonEmpty {width: 63px; height: 25px; background: url(../gfx/buttonEmpty.png) 0 0 no-repeat; border: 0;}
.buttonPublish {width: 63px; height: 25px; background: url(../gfx/buttonPublish.png) 0 0 no-repeat; border: 0;}
.buttonPublishShadow {width: 63px; height: 25px; background: url(../gfx/buttonPublishShadow.png) 0 0 no-repeat; border: 0;}
.buttonHide {width: 63px; height: 25px; background: url(../gfx/buttonHide.png) 0 0 no-repeat; border: 0;}
.buttonDelete {width: 63px; height: 25px; background: url(../gfx/buttonDelete.png) 0 0 no-repeat; border: 0;}

/* TEMPORARY */
.foldForm {display: none;}
.foldFormLink {font-weight: normal; font-size: 12px; margin-left: 15px;	position: relative;	bottom: 1px;}
.foldFormLink:hover {color: #00A7C6;}

/* HEADER */
.headerContainer {width: 100%; height: 200px; background: url(../gfx/topBg.png) repeat-x center top;}
.headerTop {width: 990px; margin: 0 auto; text-align: left;padding-left:10px;padding-right:10px;}
.headerLogo {float: left; width: 178px; background: url(../gfx/logoBg.png) repeat-x center top;height: 181px; display:block;}
.headerLogo a {width: 167px; padding: 41px 0px 0px 11px; height: 140px; display:block;}
.headerTxt {float: right; width: 809px;}
.headerInfo {float: left; padding-top: 10px;}
.headerWhite {color: #fff; font-style: italic; font-family: arial; font-size: 14px}
.headerBlue {color: #4fb3d2; font-style: italic; font-family: arial; font-size: 13px}
.headerStrongBlue {color: #4fb3d2; font-weight: bold; font-family: arial; font-size: 13px}
.headerStatus {float: right; padding-top: 10px; height: 61px; font-weight: bold; font-size: 11px; color: #ffa300;}
.headerStatus span {color: #fff;}
.headerStatus a {color: #ffa300; text-decoration: none;}
.headerStatus a:hover {color: #fff}
.headerNews {height: 44px; background: url(../gfx/topNews.png) 0 0 no-repeat; padding-left: 0px;}
.headerNewsLink {margin-left: 0; float: left;}
.headerNewsLink a {height: 44px; width: 56px; display: block;}
.headerMarquee {float: left; width: 523px; color: #fff; font-size: 13px;}
#scrollerContainer {position: relative; width: 515px; height: 26px; overflow: hidden;}
#scroller {white-space: nowrap; padding-top: 4px; overflow:hidden;}
#scroller a, #scroller a:hover {color: #FFFFFF ; text-decoration: none}
.headerSearchInput {padding: 3px 0 0 4px; float: left; width: 196px; height: 25px; background: url(../gfx/topSearchInput.png) 0 0 no-repeat;}
.headerSearchInput input {border: 0; width: 190px; font-family: arial; font-size: 12px; color: #808080;}
.headerOkButton {float: left; padding-left: 5px;}
.headerOkButton input {background: url(../gfx/topOkButton.png) 0 0 no-repeat; border: 0; width: 25px; height: 25px; cursor: pointer;}
.headerMenu {padding: 0; margin: 0;}
.headerMenu ul {list-style-type: none; padding: 0; margin: 0;}
.headerMenu li {height: 28px; float: left; font-size: 13px; font-weight: bold; padding: 10px 16px 0; color:#205565; line-height:16px}
.headerMenu a {color: #205565}		
.headerMenu a:hover {text-decoration: none}		
.floatMenu {position: relative; display: none}
.absoluteMenu {position: absolute; left: -16px; top: 12px;}
.absoluteLeftMenu {float: left; width: 5px; height: 35px; background: url(../gfx/floatMenu1.png) 0 0 no-repeat}
.absoluteMiddleMenu {float: left; height: 35px; background: url(../gfx/floatMenu2_1.png) 100% 0 repeat-x}
.absoluteRightMenu {float: left; width: 5px; height: 35px; background: url(../gfx/floatMenu3.png) 100% 0 no-repeat}
.absoluteLinks {float: left; padding: 8px 10px 0 10px}
.absoluteLinks a {color: #fff}
.activeMenu {background: #D9D9D9}

/* SIDE MENU */
.sideMenu {float: left; width: 260px;}
.sideMenu #menu{background-color: #ffedcc; background-image: url(../gfx/menuTop.jpg); background-repeat: no-repeat;}
.sideMenu #panel { background-image: url(../gfx/panelTopDark.jpg); background-repeat: no-repeat; background-color: #D13059; margin-top: 20px;}
.sideMenu #menu  ul {margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; list-style-type: none; font-weight: bold;}
.sideMenu #menu  ul li table {width:205px;}
.sideMenu #panel ul {margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; list-style-type: none; font-weight: bold;}

.sideMenu .menuTitle {color: #333333; padding-top: 10px; padding-bottom: 23px;}
.sideMenu .panelTitle {color: #FFFFFF; padding-top: 10px; padding-bottom: 23px;}

.sideMenu #menu a {text-decoration: none}
.sideMenu #menu .sideMenuLinkSelected {color: #205565; text-decoration: none;}
.sideMenu span {color: #777777;}
.sideMenu #menu a:hover {color: #205565; text-decoration: underline;}

.sideMenu #panel a {color: #FFFFFF; text-decoration: none;}
.sideMenu #panel .sideMenuLinkSelected {color: #4FB3D2;}
.sideMenu #panel a:hover {color: #4FB3D2; text-decoration: underline;}

/* HELP TOOLTIPS */
.helpTooltipTbl {background: url(../gfx/helpTooltipB.png) 0 100% repeat-x;}
.helpTooltipTL {width: 12px; height: 10px; background: url(../gfx/helpTooltipTL.png) 0 0 no-repeat; font-size: 1px}
.helpTooltipT {height: 10px; background: url(../gfx/helpTooltipT.png) 0 0 repeat-x; font-size: 1px}
.helpTooltipTR {width: 14px; height: 10px; background: url(../gfx/helpTooltipTR.png) 0 0 no-repeat; font-size: 1px}
.helpTooltipL {width: 12px; background: url(../gfx/helpTooltipL.png) 0 0 repeat-y; font-size: 1px}
.helpTooltipR {width: 14px; background: url(../gfx/helpTooltipR.png) 0 0 repeat-y; font-size: 1px}
.helpTooltipBL {width: 12px; height: 28px; background: url(../gfx/helpTooltipBL.png) 0 0 no-repeat; font-size: 1px}
.helpTooltipB {height: 28px; background: url(../gfx/helpTooltipStart.png) 0 0 no-repeat; font-size: 1px}
.helpTooltipBR {width: 14px; height: 28px; background: url(../gfx/helpTooltipBR.png) 0 0 no-repeat; font-size: 1px}
.helpTooltipContent {font-size: 11px; color: #808080; background: #fff}
.helpTooltipContainer {position: relative;}
.helpTooltipDiv {position: absolute; display: none}

.helpTooltipWhiteTbl {background: url(../gfx/helpTooltipWhiteB.png) 0 100% repeat-x;}
.helpTooltipWhiteBL {width: 12px; height: 28px; background: url(../gfx/helpTooltipWhiteBL.png) 0 0 no-repeat; font-size: 1px}
.helpTooltipWhiteBR {width: 14px; height: 28px; background: url(../gfx/helpTooltipWhiteBR.png) 0 0 no-repeat; font-size: 1px}
.helpTooltipWhiteB {height: 28px; background: url(../gfx/helpTooltipWhiteStart.png) 0 0 no-repeat; font-size: 1px}


/* HOME */
div.homeTabsLeft {width:670px;float:left;overflow:auto;}
div.homeTabsRight {width:320px;float:right;overflow:auto;}
div.homeTabsBottomLeft {width:670px;float:right;overflow:auto;}

#at15s {right:0px;overflow:auto;} /* share window */

#homeTopResearchBg, #homeTopChallengesBg, #homeTopServicesBg {position: absolute; width: 990px; height: 300px; ;background-repeat: no-repeat; display: none;}
#homeTopResearchBg {background-image: url(../gfx/researchImg.jpg); display: block;}
#homeTopChallengesBg {background-image: url(../gfx/challengesImg.jpg);}
#homeTopServicesBg {background-image: url(../gfx/servicesImg.jpg);}
.homeTopTitle {font-weight: bold;font-size: 24px;line-height: 30px; color: #333333; margin: 0; padding: 0; padding-bottom: 20px;}
.homeTopTxt {position:relative; height: 260px;	font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;line-height: 22px;float: right;width: 430px;padding-top: 40px;padding-right: 40px;color: #333333;}
#content .homeTopTxt img {border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;margin-top: 28px;}
#homeBoxResearch {width: 325px; float: left; background-repeat: no-repeat; background-position: bottom; margin-right: 8px;}
#homeBoxChallenges {width: 325px; float: left; background-repeat: no-repeat; background-position: bottom;}
#homeBoxServices {width: 325px; float: right; background-repeat: no-repeat; background-position: bottom;}
#homeBoxesBg {clear: both; background-image: url(../gfx/boxesBg.jpg); background-repeat: no-repeat; height: 40px;}
#homeTop {height: 300px; width: 917px;}

.homeLearnMoreLink {font-weight: bold; color: #0053b2; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; float: right; margin-right: 20px; line-height: 0px;}
.homeBoxUl {list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 0px; padding-right: 20px; padding-left: 20px; padding-top: 20px; color: #333333;}
.homeBoxUl li {padding-bottom: 17px; line-height: 16px;}
.homeBoxButton .activeImg {display: none;  z-index: 4; position: absolute;}
.homeBoxButton {height: 42px;}
#ResearchBt .activeImg {display: inline;}
#ResearchBt .inactiveImg {display: none;}
.homeExploreBt {position: absolute; top: 76%; left: 0;}

.homeTbl {width: 610px; background: #ffffff; font-size: 11px; margin-top: 30px; border-collapse: collapse; margin-bottom:30px;}
.homeTblTd {padding-left: 20px;}
.homeTblHeader {color: #ffa300; font-size: 13px; font-weight: bold; margin: 0; padding: 0; line-height: 2;}
.homeTblUl1 {list-style-type: none; margin-bottom: 6px;}
.homeTblUl1 li {line-height: 18px}
.homeBottomLeftTd {height: 5px;  width: 5px;  background: #ffffff url(../gfx/tabBottomLeft.png) 0 0 no-repeat; font-size: 1px; }
.homeBottomTd {height: 3px; border-bottom: #e8e8e8 1px solid; font-size: 1px;}
.homeBottomRightTd {width: 5px; height: 5px; background: url(../gfx/tabBottomRight.png) 0 0 no-repeat; font-size: 1px;}
.homeRightTd {width: 3px; border-right: #e8e8e8 1px solid; font-size: 1px;}
.homeLeftTd {width: 3px; border-left: #e8e8e8 1px solid; font-size: 1px;}
.homeTopTd {height: 3px; border-top: #e8e8e8 1px solid; font-size: 1px;}
.homeTopLeftTd {height: 5px; background: url(../gfx/tabTopLeft.png) 0 0 no-repeat; width: 5px; font-size: 1px;}
.homeTopRightTd {width: 5px; height: 5px; background: url(../gfx/tabTopRight.png) 0 0 no-repeat; font-size: 1px}
.homeTblDivLeft {width: 420px; float: left; text-align: right; color: #fff; font-weight: bold; font-size: 13px;}
.homeTblDivRight {width: 420px; float: right; text-align: left; color: #fff; font-weight: bold; font-size: 13px;}
.homeGreyLine {width: 1px; font-size: 1px; background-color: #e8e8e8;}
.homeLineDown {width: 1px; height: 6px; background: url(../gfx/whiteLineDown.png) 0 0 no-repeat; font-size: 1px}

/* Greyboxes on homepage */

div.hGreyBox {overflow: auto; font-size: 12px; border-collapse: collapse; margin-bottom:30px; line-height:1.5;}

div.hGreyBox div.hGreyTop {overflow:auto;width:auto;}
div.hGreyBox div.hGreyTopLeft {height: 5px; width: 5px; background: url(../gfx/tabTopLeftGrey.png) 0 0 no-repeat; font-size: 1px; float:left;}
div.hGreyBox div.hGreyTopCenter {height: 4px; border-top: 1px solid #e8e8e8; font-size: 1px; float:left; background-color: #f9f9f9;}
div.hGreyBox div.hGreyTopRight {width: 5px; height: 5px; background: url(../gfx/tabTopRightGrey.png) 0 0 no-repeat; font-size: 1px; float:left;}

div.hGreyBox div.hGreyBottom {overflow:auto;width:auto;}
div.hGreyBox div.hGreyBottomLeft {height: 5px; width: 5px; background: url(../gfx/tabBottomLeftGrey.png) 0 0 no-repeat; font-size: 1px; float:left;}
div.hGreyBox div.hGreyBottomCenter {height: 4px; border-bottom: 1px solid #e8e8e8; font-size: 1px; float:left; background-color: #f9f9f9;}
div.hGreyBox div.hGreyBottomRight {width: 5px; height: 5px; background: url(../gfx/tabBottomRightGrey.png) 0 0 no-repeat; font-size: 1px; float:left;}

div.hGreyBox div.hGreyMiddle {overflow:auto;width:auto; padding:0px;}
div.hGreyBox div.hGreyMiddleCenter {overflow:auto;width:auto; }


/* Resources on homepage */

div.homeResources {width: 660px; overflow: auto; font-size: 12px; border-collapse: collapse; margin-bottom:20px; line-height:1.5;}
div.homeResources div.homeResourcesLeftCol {float:left;width: 320px; overflow: auto;line-height:1.5;}
div.homeResources div.homeResourcesRightCol {float:left;width: 320px; overflow: auto; line-height:1.5; margin-left:20px;}

div.homeResources div.homeResourcesTop {overflow:auto;width:auto;}
div.homeResources div.homeResourcesTopLeft {height: 5px; width: 0px; background: url(../gfx/tabTopLeft.png) 0 0 no-repeat; font-size: 1px; float:left;}
div.homeResources div.homeResourcesTopCenter {height: 4px; font-size: 1px; float:left; width:660px; background: #ffffff url(../gfx/greyBG.png) no-repeat left top;}
div.homeResources div.homeResourcesTopRight {width: 5px; height: 0px; background: url(../gfx/tabTopRight.png) 0 0 no-repeat; font-size: 1px; float:left;}

div.homeResources div.homeResourcesBottom {overflow:auto;width:auto;}
div.homeResources div.homeResourcesBottomLeft {height: 5px; width: 5px; background: url(../gfx/tabBottomLeft.png) 0 0 no-repeat; font-size: 1px; float:left;}
div.homeResources div.homeResourcesBottomCenter {height: 4px; border-bottom: 1px solid #e8e8e8; font-size: 1px; float:left; width:650px; background-color: #ffffff;}
div.homeResources div.homeResourcesBottomRight {width: 5px; height: 5px; background: url(../gfx/tabBottomRight.png) 0 0 no-repeat; font-size: 1px; float:left;}

div.homeResources div.homeResourcesMiddle {overflow:auto;width:auto; }
div.homeResources div.homeResourcesMiddleCenter {overflow:auto;width:auto; }

div.homeResources ul {list-style-type: none; margin-bottom: 6px;margin-left:-20px;*margin-left:20px;}
div.homeResources ul li {line-height: 18px}
div.homeResources h2 {height:30px; width:300px; padding-left:20px; line-height:30px; font-weight:bold;overflow:visible; padding-top:0px; color:#333333;margin:0px;margin-bottom:10px; background: transparent url(../gfx/grayBG.png) no-repeat left top;}

/* Challenges on homepage */

div.homeChallenge {width: 660px; overflow: auto; font-size: 12px; border-collapse: collapse; margin-bottom:20px;}
div.homeChallenge div.homeChallengeDesc {float:left;width: 440px; overflow: auto; padding:10px; background-color: #ffffff;line-height:1.5;}
div.homeChallenge div.homeChallengeTitle {padding-bottom:5px;}
div.homeChallenge div.homeChallengeData {float:left;width: 140px; overflow: auto; padding:10px; background-color: #ffffff;padding-top:20px;font-weight:bold;color:#333333;}

div.homeChallenge div.homeChallengeData span.desc_label {font-weight:normal;color:#FFA300; padding-left:5px}

div.homeChallenge div.homeChallengeTop {overflow:auto;width:auto;}
div.homeChallenge div.homeChallengeTopLeft {height: 5px; width: 5px; background: url(../gfx/tabTopLeft.png) 0 0 no-repeat; font-size: 1px; float:left;}
div.homeChallenge div.homeChallengeTopCenter {height: 4px; font-size: 1px; float:left; width:650px;  background: #ffffff url(../gfx/tabTop.png) repeat-x left top;}
div.homeChallenge div.homeChallengeTopRight {width: 5px; height: 5px; background: url(../gfx/tabTopRight.png) 0 0 no-repeat; font-size: 1px; float:left;}

div.homeChallenge div.homeChallengeBottom {overflow:auto;width:auto;}
div.homeChallenge div.homeChallengeBottomLeft {height: 5px; width: 5px; background: url(../gfx/tabBottomLeft.png) 0 0 no-repeat; font-size: 1px; float:left;}
div.homeChallenge div.homeChallengeBottomCenter {height: 4px; border-bottom: 1px solid #e8e8e8; font-size: 1px; float:left; width:650px; background-color: #ffffff;}
div.homeChallenge div.homeChallengeBottomRight {width: 5px; height: 5px; background: url(../gfx/tabBottomRight.png) 0 0 no-repeat; font-size: 1px; float:left;}

div.homeChallenge div.homeChallengeMiddle {overflow:auto;width:auto; background-color: #fdfdfd; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; padding:20px 10px 10px 10px; background: #ffffff url(../gfx/tabBg.png) repeat-x left top;}
div.homeChallenge div.homeChallengeMiddleCenter {overflow:auto;width:auto; background-color: #ffffff;}

div.homeChallenge h2 {font-weight:bold;overflow:visible; padding: 0 0 5px 10px; color:#333333;margin:0px;line-height:1.5;}

/* FRONTPAGE RSS FEEDS */

div.rssBody ul li p {line-height:1.5; font-size:12px;}
#rss_tunedit {}
#rss_tunedit div.rssHeader {overflow:visible;padding-top:0px;padding-left:10px;padding-right:10px;}
#rss_tunedit div.rssHeader a {font-size:12px; font-weight:bold;color:#1f5464;}
#rss_tunedit div.rssBody a {padding:0px;line-height:1.5; font-weight:bold;color:#4fb3d2;}
#rss_tunedit ul {padding: 10px; list-style-type:none;margin:0px;}
#rss_tunedit li {font-size:12px;}
#rss_tunedit h4 {padding:0px;margin:0px;}
#rss_tunedit h4 a {font-size:12px;color:#ffa300;}
#rss_tunedit div.rssRow p {font-size:12px;line-height:1.5;}

#rss_tunedit li div {font-size:11px; margin:5px 0px 5px 0px; color:#808080;line-height:11px;}

/* FORUM ON FRONTPAGE */
#homeforum {width:300px; float:left; overflow:visible; height:270px;}
#homeforum div.forum_row {overflow:auto; width:auto; padding-bottom:5px;padding-left:20px;}
#homeforum div.forum_info {overflow:auto; width:auto;}
#homeforum div.forum_author {float:left; font-weight:bold; padding:5px; padding-left:0px;color:#205565;}
#homeforum div.forum_date {float:left; font-size:11px; padding-left:5px;margin-top:10px;border-left:1px solid #333333; color:#808080;line-height:11px;}
#homeforum div.forum_post {color:#333333}

#homeforum h2 {margin:0px; margin-top:10px;padding-bottom:10px;padding-top:0px; background: transparent url(../gfx/grayBG.png) no-repeat left top;height:30px; width:300px; padding-left:20px; line-height:30px; }
#homeforum h2 a {font-weight:bold; color:#333333;}

/* FACEBOOK ON FRONTPAGE */
#fanboxFB {padding-top:10px; overflow:auto; width:321px;padding-left:1px;}

/* TWITTER */

#twtr-widget-1 p {color:#333333;line-height:1.5 !important;}
#twtr-widget-1 div.twtr-timeline div.twtr-tweets div.twtr-tweet-text div.twtr-tweet-text p i a.twtr-timestamp {font-size:11px !important; color:#808080 !important;line-height:11px;padding:5px 0px 5px 0px; }
#twtr-widget-1 #tweet-id-1 a.twtr-timestamp, #twtr-widget-1 #tweet-id-1 a.twtr-reply {font-size:11px !important; color:#808080 !important;line-height:11px;padding:5px 0px 5px 0px; }
#twtr-widget-1 #tweet-id-2 a.twtr-timestamp, #twtr-widget-1 #tweet-id-2 a.twtr-reply {font-size:11px !important; color:#808080 !important;line-height:11px;padding:5px 0px 5px 0px; }
#twtr-widget-1 #tweet-id-3 a.twtr-timestamp, #twtr-widget-1 #tweet-id-3 a.twtr-reply {font-size:11px !important; color:#808080 !important;line-height:11px;padding:5px 0px 5px 0px; }

/* NEWS */
.newsMainTbl {width: 660px;margin: 10px 2% 0;}
.newsMainTbl, .newsMainTbl td  {border: none;}
.newsDate {color: #808080; width: 18%; vertical-align: top; padding-top: 22px;}
.newsHeaderButton {margin-top: 5px;}
table.newsMainTbl div.mainTxt {width:940px; overflow:hidden;}

/* NEW_CHALLENGE */
.newChallengeInputContainer {float: right; background: url(../gfx/commonInputText.png) 0 0 no-repeat; width: 198px; height: 25px; text-align: left; padding: 4px 10px 0 5px; margin-right: 0;}
.newChallengeInput {border: 0; width: 188px; font-family: arial; font-size: 12px; color: #000; z-index: 1; padding:0; background:transparent}
.newChallengeHint {border: 0; width: 188px; font-family: arial; font-size: 12px; color: #808080; z-index: 16; margin-top: -16px; display: block; padding:0; visibility:hidden}
.newChallengeCenterDiv {width: 230px; font-size: 12px; text-align: center;}
.newChallengeInfo {padding-bottom: 12px; float: left;}
.newChallengeError {color: #c9335d; float: right; text-align: right; width: 300px; padding: 2px 10px 5px 0}

/* CHALLENGES */
.challenges1Tbl {border: 1px solid #dbd2ae; background: #fff; font-size: 12px; color: #333333}
.challenges1Tbl p {line-height:1.2}
.challenges1TblHeader {font-weight: bold; background: #f5f5dc; font-size: 12px;}
.challenges1TblTdBorder {border-left: 1px solid #dbd2ae}
.challenges1TblTdHeader {font-size: 13px; margin: 5px 0}
.challenges1TblTdHeader img {float: right;}
.challenges1TblTdHeader a {color: #c9335d; text-decoration: none; max-width: 95%;}
.challenges1TblTdHeader a:hover {text-decoration: underline;}
.challenges1TblTdTxt {color: #777; font-size: 11px; margin: 0;}
.challenges1Status {color: #59b7d4; font-weight: bold; font-size: 13px;}
.challengesSubscriptionInputContainer {float: left; background: url(../gfx/challenges1SubscriptionInput.png) 0 0 no-repeat; width: 414px; height: 25px; padding: 4px 5px 0 5px;}
.challengesSubscriptionInput {border: 0; width: 405px; color: #000000; font-family: arial; font-size: 12px}
.challengesSubscriptionButtonContainer {float: left;}
.challengesSubscriptionButton {width: 81px; height: 25px; border: 0; background: url(../gfx/challenges1SubscriptionButton.png) 0 0 no-repeat;}
.challengesParticipantsColumn {text-align: center;}
.challengesParticipantsColumn a {text-decoration: none; color: #333333}
.challengesParticipantsColumn a:hover {text-decoration: underline;}
.challengeIcon {float: left;}
.challengesNewColumn {color: #4FB3D2; text-align: center;}

/* CHALLENGE */
.challengeMenuImg {float: right;}
.challengeTitleImg {margin-left: 15px;}
.challengeFactsTbl {width: 257px; overflow:visibile;}
.challengeFactsTbl td.left {padding:0px 0px 0px 0px; padding-bottom: 10px; vertical-align:top; padding-right:10px; width:40px;}
.challengeFactsTbl td.right {padding:0px 0px 0px 0px; padding-bottom: 5px; vertical-align:top;}
.challengeError {color: #C9335D; font-size: 12px; font-weight: bold; background: url(../gfx/noIcoT.png) no-repeat left top; padding-left:20px;}
.challengeInfo {color: #669900; font-size: 12px; font-weight: bold; background: url(../gfx/okIcoT.png) no-repeat left top; padding-left:20px;}
.challengeEmptyColumn {border-style: none;}
.challengeInputFake {position: absolute; z-index: 2; color: #000; font-family: arial; font-size: 12px; width: 300px; border: 0;}
.challengeSimpleLink {color: #000; text-decoration: underline;}
.challengeChecklistTable img {margin-left: 8px;}
.challengeChecklistTable td{padding-bottom: 5px;}
.challengeChecklistTable th{padding-bottom: 10px;}
.challengePublishTd button, .challengePublishTd span, .challengePublishTd img{float: right;}
#challengeContentTd h3 {padding:0}
#timeDouble td {vertical-align: 4px;}
#challengeContentTd .paragraphDiv p {text-align:justify;}
#rulesPanel {height:300px;display:block;overflow:auto; border:1px solid #999999; padding:5px; background-color:#fcfcfc;margin-bottom:10px;}


/* CHALLENGE - MULTITRACK */
.trackTab {float: left; font-weight: bold; overflow:visible;width:auto; height:30px;}
.trackTabWidth {float: left; font-weight: bold;} /* width: 185px;*/
.trackTabLeft {float: left; width: 10px;overflow:visible;}
.trackTabRight {position:relative; float: left; width: 10px;overflow:visible;}
.trackTxtGrey {background-image: url(../gfx/tabGreyBg.jpg); background-repeat: repeat-x; height: 26px; padding-right: 10px; padding-left: 10px; padding-top: 5px;}
.trackTxtWhite {background-image: url(../gfx/tabWhiteBg.jpg); background-repeat: repeat-x; height: 26px; padding-right: 10px; padding-left: 10px; padding-top: 5px;}
.trackTxtGrey, .trackTxtWhite  {float:left;overflow:visible;width:auto;}
.trackTxtGrey h2 {text-decoration: none; line-height:20px; color: #333333 !important;}
.trackTxtWhite h2 {line-height:20px;color: #C9335D !important;}
.trackTab h2, .trackTabWidth h2 {padding: 0; margin: 0; font-size:12px}
#tabs a:hover {text-decoration: none;}
#tabs {width: 693px;}
#tabsBg {width: 648px; background-color: #FFFFFF; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #dbdbdb; border-left-color: #dbdbdb; padding: 10px 20px 1px; clear: both;}
#last {height: 31px; background-color: #00FFCC; background-image: url(../gfx/tabLastBg.jpg); background-repeat: repeat-x; display: block; margin-right:3px;}
#lastLeft {float: left;}
#lastRight {float: right;}


/* CHALLENGE - LEADERBOARD */
#arrow {float: right; padding-right: 15px;}
#leaderboardTbl th div.header {float:left; margin-top:auto;}
#leaderboardTbl {color: #333333; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; margin-left:auto; margin-right:auto;}
#leaderboardTbl th {background-color: #f5f5dc; border-right-width: 2px; border-right-style: solid; border-right-color: #FFFFFF; padding-left: 20px; height: 40px; overflow:auto;}
#leaderboardTbl td {padding-left: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E2E2E2; height: 40px;}

/* CHALLENGE - SUBMIT */
.submitDivContainer {position: relative}
.submitInputFile {position: absolute; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; z-index: 3; left: 200px; margin-bottom: 10px;}
.submitInputFakeContainer {position: absolute; width: 432px; height: 25px; background: url(../gfx/buttonBrowseGrey.png) 0 0 no-repeat; z-index: 1; padding: 3px 0 0 4px}
.submitInputFake {position: absolute; z-index: 2; color: #808080; font-family: arial; font-size: 12px; width: 300px; border: 0;}
.submitButtonSubmit {width: 63px; height: 25px; border: 0; background: url(../gfx/buttonSubmit.png) 0 0 no-repeat;}
#historyDiv {width:100%}
.submitInputContainer {display: inline; margin-left: 5px;}
.submitMaxForm {display: inline;}
.submitSetHr {margin-top: 15px;}
/* CHALLENGES_2 */
.challenges2Link, .challenges2Span {color: #c9335d; text-decoration: none}
.challenges2Link:hover {color: #205565;}
.challenges2LinkSelected {color: #205565; text-decoration: none}

/* CHALLENGES_3 */
.challenges3TblLeft {float: left;}
.challenges3TblRight {float: right;}
.challenges3TblTrSelected {background: #4fb3d2; font-weight: bold; color: #fff}
.challenges3ButtonRefresh {width: 73px; height: 25px; background: url(../gfx/challengesButtonRefresh.png) 0 0 no-repeat; border: 0}

/* DOCUMENTATION */
.documentationImg {font-size: 12px; line-height: 25px; color: #333333; margin-top: 0; font-weight: bold; text-align: center}
.documentationMenuUl {list-style-type: none; padding: 0; margin: 0;}
.documentationMenuUl li {padding: 0; font-size: 12px; line-height: 20px}
.documentationMenuUl a {color: #c9335d; text-decoration: none}
.documentationMenuUl a:hover {text-decoration: underline}
.documentationMenuUl2 {list-style-type: none; padding: 0 0 0 30px; margin: 0; line-height: 20px}
.documentationMenuUl2 li {padding: 0; font-size: 12px;}
.documentationMenuUl2 a {color: #205565; text-decoration: none}
.documentationMenuUl2 a:hover {text-decoration: underline}
.faqQuestion {font-weight:bold; margin:20px 0 5px; font-size: 12px; line-height: 25px; color: #333333}
.faqAnswer {margin:5px 0 20px; font-size: 12px; line-height: 25px; color: #333333; font-weight: normal}
.documentationCode {font-size: 12px; line-height: 18px; color: #333333; margin-top: 0; font-weight: normal; text-align: center}
.tutorial_image {border:1px solid rgb(210,210,210)}
.codeFrame {width:615px; overflow:auto;  border: 1px solid rgb(210,210,210); height:300px; margin-bottom:15px}
.codeFrameNarrow {width:575px; overflow:auto;  border: 1px solid rgb(210,210,210); height:200px; margin-bottom:15px}
.doc1Tbl {border-right: 1px solid #dbd2ae; border-bottom: 1px solid #dbd2ae; font-size: 12px; margin-bottom:15px}
.doc1Tbl th {font-weight: bold; background: #f5f5dc; font-size: 12px; border-left: 1px solid #dbd2ae;border-top: 1px solid #dbd2ae}
.doc1Tbl td {background: #fff; border-left: 1px solid #dbd2ae; border-top: 1px solid #dbd2ae}
.doc1TblTdHeader {font-size: 13px; margin: 5px 0}
.doc1TblTdTxt {color: #777; font-size: 11px; margin: 0}
.docsMenu {width: 257px; background: #ffedcc; margin-right:30px}
.docsMenuTd {padding: 10px;}
.docsMenuBorder {border-bottom: 1px solid #fff; height: 10px;}
.docsMenuHeader {color: #ffa300; font-weight: bold; font-size: 12px}
.docsMenuUl {list-style-type: none; padding: 0; margin: 0}
.docsMenuUl li {padding: 0; font-size: 12px; font-weight: bold; line-height: 20px}
.docsInfoFrame {border: 1px solid rgb(210,210,210); padding: 10px; background-color: #FFFFFF;}
.docsInfoFrame span {display: block; font-size: 12px; height: 20px; padding-left: 30px; padding-top: 5px; background: transparent url(../gfx/greyArrow.jpg) no-repeat 13px 9px}

/* FOOTER */                        
.footerContainer {width: 100%; height: 177px; background: url(../gfx/bottomBg.jpg) 50% 0 repeat-x; text-align: left;}
.footerBottom {width: 990px; text-align: right; margin: 0 auto; padding-left:10px;padding-right:10px;}
.footerShare {padding-bottom: 5px; padding-top: 80px; float:right;}
.footerLinks {font-size: 11px; color: #808080; line-height: 18px; text-align:left;}
.footerLinks a {color: #808080; text-decoration: none}
.footerLinks a:hover, .footerStats a:hover {text-decoration: underline}
.footerCopy {font-size: 11px; color: #cccccc; line-height: 18px;}
.footerCopy a {color: #4fb3d2; text-decoration: none;}
.footerCopy a:hover {text-decoration: underline;}
.footerCopy span {color: #808080}
.footerStats {padding-bottom: 5px; color: #CCCCCC; font-size: 11px; line-height: 18px; text-align: left; padding-top: 80px;}
.footerStats a {color: #CCCCCC; text-decoration: none}

/* KNOWLEDGE BASE */
.knowledgeTbl {font-size: 12px; color: #333333; padding-top:15px}
.knowledgeTbl td {padding: 0px 0 5px 0}
.knowledgeInputContainer {margin-top: 6px; background: url(../gfx/knowledgeInput.png) 0 0 no-repeat; width: 633px; height: 25px; padding: 4px 5px 0 5px;}
.knowledgeInput {border: 0; width: 624px; color: #808080; font-family: arial; font-size: 12px; margin: 0;}
.knowledgeShowResults {width: 104px; height: 25px; border: 0; background: url(../gfx/knowledgeShowResults.png) 0 0 no-repeat; margin:10px 10px 0 0}
.knowledgeUl {list-style-type: none; padding: 0 0 0 30px; margin: 0; line-height: 20px}
.knowledgeUl li {font-size: 12px;}
.knowledgeUl a {color: #c9335d; text-decoration: none}
.knowledgeUl a:hover {text-decoration: underline}
.knowledgeTooltipHdr {padding-bottom:5px; font-weight:bold}
#chart_div {margin-top: 25px;}

/* KNOWLEDGE BASE - GOOGLE */
.tabsContainer {width: 976px; background: url(../gfx/fakeBorder.png) 0 100% repeat-x; text-align: center; margin: 0 auto;}
.tabs {text-align: left; padding-left: 30px}
.tabs img {margin-right: 2px; cursor: pointer}
.googleTL {width: 10px; height: 7px; background: url(../gfx/googleTL.png) 0 0 no-repeat; font-size: 1px;}
.googleTR {width: 9px; height: 7px; background: url(../gfx/googleTR.png) 0 0 no-repeat; font-size: 1px;}
.googleL {width: 10px; background: url(../gfx/googleL.png) 0 0 repeat-y; font-size: 1px;}
.googleR {width: 9px; background: url(../gfx/googleR.png) 0 0 repeat-y; font-size: 1px;}
.googleBL {width: 10px; height: 8px; background: url(../gfx/googleBL.png) 0 0 no-repeat; font-size: 1px;}
.googleB {height: 8px; background: url(../gfx/googleB.png) 0 0 repeat-x; font-size: 1px;}
.googleBR {width: 9px; height: 8px; background: url(../gfx/googleBR.png) 0 0 no-repeat; font-size: 1px;}
.chartsDiv {background: #fff; padding: 15px 5px}
.rawResultsDiv {display: none; background: #fff; padding: 15px 5px}
.google-visualization-table-table {width:900px;}
.gTableCell.google-visualization-table-td-number {text-align:center;}

.algLink {position: absolute; left: 0; color: black; background: white; text-align: right; font-family: Arial; font-size: 11px; font-weight: 400}

.googleSelectInput {margin-top: 6px; background: url(../gfx/googleSelectInput.png) 0 0 no-repeat; width: 633px; height: 25px; padding: 4px 5px 0 5px;}
.googleSelectInput select {width: 623px; border: 0; background: transparent}
.googleNames {font-size: 12px}

/* LOG IN */
.loginInputContainer {background: url(../gfx/commonInputText.png) 0 0 no-repeat; width: 198px; height: 25px; text-align: left; padding: 4px 5px 0 5px;}
.loginInput {border: 0; width: 188px; font-family: arial; font-size: 12px; color: #000; z-index: 1; padding:0; background:transparent; margin: 0;}
.loginHint {border: 0; width: 188px; font-family: arial; font-size: 12px; color: #808080; z-index: 16; margin-top: -15px; display: block; padding:0; visibility:hidden}
.loginCenterDiv {width: 208px; font-size: 12px; text-align: left;}
.loginButtonLogin {width: 63px; height: 25px; border: 0; background: url(../gfx/loginButton.png) 0 0 no-repeat;}
.loginButtonRegister {width: 63px; height: 25px; border: 0; background: url(../gfx/registerButton.png) 0 0 no-repeat;}
.loginError {color: #c9335d; width: 208px; text-align:left; padding-bottom: 5px}

/* POPUPS */
#popUpBg {top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.4; display: none; position: fixed; _position: absolute;  background-color: black;}
.popupHeader {color: #ffa300; font-weight: bold; font-size: 12px}
#mainPopUp {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; padding-top: 15px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; z-index: 2; position: fixed; _position: absolute; left: 45%; top: 25%;}
#mainPopUp table {height: 100%; width: 100%;}
#mainPopUp form {margin: 0px; padding-top: 10px;}
.popUpTitle {font-size: 12px; font-weight: bold; color: #205565; text-align: left; margin:5px;} //old color value:FFA300
div.popUpTitle {font-size: 12px; font-weight: bold; color: #205565; text-align: left; margin:5px;}
.popUpTextfield {border: 1px solid #7f9db9; width: 210px;	height: 20px;}
.popUpButtonCancel {width: 63px; height: 24px; border: 0; background: url(../gfx/cancelBt.png) 0 0 no-repeat;}
.popUpButtonChange {background: transparent url(../gfx/changeBt.png) no-repeat scroll 0 0; width: 63px; height: 24px; border: 0 none;}
.popUpButtonOk {background: transparent url(../gfx/okBt.png) no-repeat scroll 0 0; width: 62px; height: 23px; border: 0 none;}

div.popUpDivAll {overflow:auto;width:auto;position:relative;padding:0px;margin:0px;min-width:350px;*width:400px;}
div.popUpDivT {display:block;overflow:auto;width:auto; background-color: #ffedcc;height:8px;margin-left:6px;margin-right:6px;}
div.popUpDivTL {position:absolute;left:0px;top:0px;width:6px;font-size:1px;height:8px;display:block;background: transparent url(../gfx/popBgTL.png) no-repeat left top;}
div.popUpDivTR {position:absolute;right:0px;top:0px;width:6px;font-size:1px;height:8px;display:block;background: transparent url(../gfx/popBgTR.png) no-repeat right top;}
div.popUpDivB {display:block;overflow:auto;width:auto; background-color: #ffedcc;height:8px;margin-left:6px;margin-right:6px;margin-bottom:0px;padding-bottom:0px;}
div.popUpDivBL {position:absolute;left:0px;bottom:0px;font-size:1px;width:6px;height:8px;display:block;background: transparent url(../gfx/popBgBL.png) no-repeat left bottom;margin-bottom:0px;padding-bottom:0px;}
div.popUpDivBR {position:absolute;right:0px;bottom:0px;font-size:1px;width:6px;height:8px;display:block;background: transparent url(../gfx/popBgBR.png) no-repeat right bottom;margin-bottom:0px;padding-bottom:0px;}
div.popUpDiv {background-color: #FFEDCC;overflow:auto;padding:2px 10px 2px 10px;}

div.popUpRow {width:auto;overflow:auto;padding:5px 10px;text-align:left;}

.popUpContent, .popUpContent td  {color: #333333; font-size: 12px}
.popUpContent {overflow:auto;width:100%;}

/* PROFILE */
.profileTbl {margin-left: 20%; margin-top: 20px;}
.profileTbl td {padding-right: 4px; padding-bottom: 3px;}
.profileTbl td:first-child {padding-bottom: 17px;}
.profileLbl {color: #4fb3d2; padding-top: 25px;}
.profileInputContainer {background: url(../gfx/commonInputText.png) 0 0 no-repeat; padding: 4px 5px 4px 5px; width: 198px; height: 25px}
.profileInput {font-family: arial; font-size: 12px; border: 0; width: 190px;}

/* REGISTER */
.registerTbl {font-size: 12px}
.registerInputContainer {float: right; background: url(../gfx/commonInputText.png) 0 0 no-repeat; width: 198px; height: 25px; text-align: left; padding: 5px 10px 0 5px;}
.registerSelectContainer {float: right; background: url(../gfx/registerSelectInput.png) 0 0 no-repeat; width: 198px; height: 25px; text-align: left; padding: 4px 10px 0 5px;}
.registerInput {border: 0; width: 188px; font-family: arial; font-size: 12px; color: #000; z-index: 1; padding:0; background:transparent; margin: 0;}
.registerHint {border: 0; width: 188px; font-family: arial; font-size: 12px; color: #808080; z-index: 16; margin-top: -16px; display: block; padding:0; visibility:hidden; background:transparent}
.registerTextareaTd {padding-left: 10px;}
.registerTextareaLeft {float: left;}
.registerTextarea {font-family: arial; border: 1px solid #bfccd0; padding: 5px; height: 220px; color: #808080; font-size: 11px; line-height: 18px; width: 200px}
.registerError {color: #c9335d; float: right; width: auto; padding: 2px 10px 5px 0}
.registerTermsError {color: #c9335d; margin-top: 5px}

/* REPOSITORY */
.repositoryRelative {position: relative; width: 917px; margin: 0 auto; text-align: center}
.repositoryAbsolute {position: absolute; right: 0; top: -43px}
.repositoryMiniTbl {color: #808080; font-size: 10px; line-height: 12px}
.repositoryMiniTbl td {padding: 2px 2px;}
.repositoryEmptyAction {width: 22px; height: 20px; display: inline-block;}
.codeFrameWide {width: 100%; overflow:auto;  border: 1px solid rgb(210,210,210); height:400px; margin-bottom:15px}
.fileWhiteLine {width: 1px; font-size: 1px; background: #fff url(../gfx/whiteLineUp.png) 0 0 no-repeat;}

/* REPOSITORY_1 */
.repository1Upload {font-size: 12px; font-weight: bold; color: #c9335d; padding: 5px 0 20px 0}
.repositoryUl p {line-height:1.2 }
.repositoryTdBorder {border-bottom: 1px solid #dbd2ae;}
.repositoryIcon {float: left; margin-left: 0px;}
.repositoryNameAdnDescritpionDiv {padding-left: 30px;}

/* REPOSITORY_2 */
.repository2Upload {font-size: 12px; font-weight: bold; color: #c9335d; padding: 5px 0}
.repository2Edit {font-size: 12px; font-weight: bold; color: #c9335d; padding: 0 0 20px 0; text-align: right}
.repositoryBackTd {font-size: 12px; padding-top:5px}
.repository2Tbl {background: #fff; color: #ffa300; font-size: 13px; font-weight: bold; margin-bottom:20px}
                                                   
.repositoryDivContainer {position: relative}
.repositoryInputFile {position: absolute; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; z-index: 3; left: 200px}         
.repositoryInputFakeContainer {position: absolute; width: 432px; height: 25px; background: url(../gfx/buttonBrowseWhite.png) 0 0 no-repeat; z-index: 1; padding: 3px 0 0 4px}
.repositoryInputFake {position: absolute; z-index: 2; color: #808080; font-family: arial; font-size: 12px; width: 300px; border: 0; margin: 0;}

.repositorySelectContainer {width: 328px; height: 25px; background: url(../gfx/repositoryInputSelect.png) 0 0 no-repeat; padding: 4px 5px 0 5px}
.repositorySelectContainer input, .repositorySelectContainer select {background: transparent; width: 313px; border: 0; font-family: arial; font-size: 12px;}
.repositoryTextareaContainer {background: url(../gfx/repositoryTextarea.png) 0 0 no-repeat; width: 327px; height: 145px; padding: 3px}
.repositoryTextareaContainer textarea {width: 319px; height: 137px; font-family: arial; font-size: 12px; color: #808080; border: 0}
.repositoryButtonUpload {width: 63px; height: 25px; background: url(../gfx/repositoryButtonUpload.png) 0 0 no-repeat; border: 0}
.repositoryButtonCreate {width: 63px; height: 25px; background: url(../gfx/buttonCreate.png) 0 0 no-repeat; border: 0;}
.repositoryWysiwygButtons {float: left; border: 1px solid #00506c; color: #00506c; background: #ece9d8; font-size: 13px; padding: 5px 10px; margin: 0 2px 1px 0}
.repositoryWysiwygButtons2 {float: left; padding: 5px 10px; margin: 0 2px 1px 0}
.repositoryWysiwygButtons2 select {border: 1px solid #00506c}
.repositoryWysiwygTbl {background: #fff;}
.repositoryWysiwygTbl textarea {border: 1px solid #bfccd0; width: 100%; height: 350px}
.repositoryButtonSave {width: 63px; height: 25px; background: url(../gfx/repositoryButtonSave.png) 0 0 no-repeat; border: 0}
.repositoryButtonPreview {width: 82px; height: 25px; background: url(../gfx/repositoryButtonPreview.png) 0 0 no-repeat; border: 0}
.repositoryInputFolder {width: 328px; height: 25px; background: url(../gfx/repositoryMiddleInput.png) 0 0 no-repeat; padding: 4px 5px 0 5px}
.repositoryInputFolder input {width: 318px; border: 0; font-size: 12px; font-weight: normal; font-family:arial;}

/* REPOSITORY_3 */
.repository3Tbl {width: auto; background: #ffedcc;}
.repository3Td1 {padding: 10px 20px; color: #205565; font-size: 13px; line-height: 22px}
.repository3Td2 {padding: 10px 20px; font-size: 13px; line-height: 22px}
.repository3Td3 {padding: 10px 20px; font-size: 13px; line-height: 22px}
.repository3Td3 a {float: right;}
.repositoryTextareaFileContents {width: 910px; height: 400px; border: 1px solid #bfccd0; padding: 2px; color: #808080; font-size: 11px; font-family: arial}

/* RESEARCH */
.researchTbl {width: 100%; background: #ffedcc; font-size: 11px;}
.researchTblTd {padding-left: 20px}
.researchTblHeader {color: #ffa300; font-size: 13px; font-weight: bold; margin: 0; padding: 0; line-height: 2;}
.researchTblUl1 {list-style-type: none; margin-bottom: 6px;}
.researchTblUl1 li {line-height: 18px}
.researchTblBlueHref {font-weight: bold; color: #4fb3d2}
.researchBottomLeftTd {height: 24px; background: #ffa300 url(../gfx/tbl_bl2.png) 0 0 no-repeat;}
.researchBottomRightTd {width: 5px; height: 24px; background: url(../gfx/tbl_br2.png) 0 0 no-repeat; font-size: 1px}
.researchTblDivLeft {width: 420px; float: left; text-align: right; color: #fff; font-weight: bold; font-size: 13px;}
.researchTblDivRight {width: 420px; float: right; text-align: left; color: #fff; font-weight: bold; font-size: 13px;}
.researchMiddle {height: 385px; width: 990px; background: url(../gfx/researchMiddle.png) no-repeat bottom left}
.researchMiddleDiv {float: left; width: 420px;padding-top:40px; padding-left:10px;}
.researchMiddle .researchMiddleDiv {float: right; width: 420px; padding-top:10px; padding-right:35px;} 
.researchMiddleUl {list-style: none; padding-left:10px; padding-right:10px}
.researchMiddleUl li {line-height:24px;padding-left:20px;background: url(../gfx/homeCheck.png) no-repeat 0 7px;}
.researchMiddleTd {padding: 0 30px;}
.researchIntroTxt {font-size:13px; margin:50px 50px 40px 50px; line-height:24px; color: #333333}
.researchHeader {color: #205565; font-size: 15px; font-weight: bold; padding:0 0 20px; margin:0}
.researchWhiteLine {width: 1px; font-size: 1px; background: #fff url(../gfx/whiteLineUp.png) 0 0 no-repeat;}
.researchLineDown {width: 1px; height: 6px; background: url(../gfx/whiteLineDown.png) 0 0 no-repeat; font-size: 1px}

/* SERVICES */
.servicesUl {list-style: none; padding-left:10px; padding-right:10px;}
.servicesUl li {line-height:24px;padding-left:20px;background: url(../gfx/homeCheck.png) no-repeat 0 7px; margin-top: 10px;}
.serviceTL {width: 10px; height: 7px; background: url(../gfx/serviceTL.png) 0 0 no-repeat; font-size: 0px;}
.serviceTR {width: 9px; height: 7px; background: url(../gfx/serviceTR.png) 0 0 no-repeat; font-size: 0px;}
.serviceT {height: 7px; background: url(../gfx/serviceT.png) 0 0 repeat-x; font-size: 0px;}
.serviceTbl {background: #fff; color: #ffa300; font-size: 13px; font-weight: bold; margin-bottom:80px}
.serviceTbl .labelTd {vertical-align: top; width: 200px;}
.servicesTextareaContainer {background: url(../gfx/repositoryTextarea.png) 0 0 no-repeat; width: 327px; height: 145px; padding: 3px}
.servicesTextareaContainer textarea {width: 319px; height: 137px; font-family: arial; font-size: 12px; border: 0}


/* STUDENT */
.studentMiddle {height: 385px; width: 917px; background: url(../gfx/studentLeaderboard.png) no-repeat bottom}
.studentIntroTxt {font-size:13px; margin:30px 30px 30px; line-height:24px; color: #333333}
.tutorialImages {text-align: center; padding:5px}

/* TUNEDTESTER */
.tunedtesterMainTbl {background: url(../gfx/tunedtesterMainImg.png) 100% 0 no-repeat; height: 277px}
.tunedtesterLeftDiv {width: 660px}
.tunedtesterNextDiv {width: 100%; text-align: left; padding: 25px 0 18px 497px}
.tunedtesterDownloads {text-align: center; padding-top:10px}

/* SEARCH PAGE */
#search_res_nav {width:100%; text-align: center; font-weight:bold; padding-top:10px; color:#333333;}
.search_res_type {width:100%; text-align: center; font-weight:bold; color:#333333;}
.search_res_type .searchTypeSelected {color: #205565; text-decoration: none;}

/*BB EDITOR*/
#register_div ol {*padding-left:40px;}

/* IN MEDIA */
#media_pane {width:650px;overflow:visible;margin-left:auto;margin-right:auto; padding-top:30px;}
#media_pane div.row {width:640px;overflow:visible;height:70px;padding-top:auto;position:relative;}
#media_pane span.date {display:inline-block; vertical-align:middle;width:120px;}
#media_pane a.title {display:inline-block; vertical-align:middle;width:400px;text-align:left; line-height:2;}
#media_pane img.icon {display:inline-block;vertical-align:middle;}

iframe {
overflow: hidden;
}

/*
	Kolory podstawowe: 00506C (ciemny niebieski) 00A7C6 (jasny niebieski) FFA300 (ĹĽĂłĹ‚ty) DBD2AE (beĹĽowy)
	Odcienie:
		od beĹĽowego: B3A156 . F5F5DC lub 'beige' (jasny beĹĽowy) 
		od ĹĽĂłĹ‚tego: FFC766 . CC8100 B37100
		od jasnoniebieskiego: 00BFE0 61E7FF 94EFFF
		szare: 333333 BBBBBB
*/