﻿/***********/
/**GENERAL**/
/***********/

.ContentBottom{background:url('images/framework/wrapper_bottom.gif') no-repeat; height:50px;}

.ContentWrapper{background:url('images/framework/wrapper.gif') repeat-y top left; }

#MainContentArea{padding:0 0 30px 0;}

.MainContentRegion{margin-left:46px;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

img{border:0;}

.validationMessage{float:left;width:100%; padding-right:10px; }

a{cursor:pointer;}

/*Forms*/

.FormLabel{width:120px;display:block; text-align:left; margin:0; padding:0; float:left;}
.EmailTextBox{width:276px;margin-bottom: 12px;}
.EmailTextBoxFloat{width:276px;margin-bottom: 12px; float:left;}
.PhoneTextBox{width:136px;margin-bottom: 12px;}
.MultiTextBox{width:250px; height: 100px;margin-bottom: 12px;}
.InfoLabel{ margin-bottom: 12px; vertical-align:middle; margin-left:10px; }

.LabelLong{width:260px;  text-align:left; margin:0; padding:0; float:left;}
.DropDown select{width:120px; margin:0; padding:0; }
.ShortTextBox{width:120px;margin-bottom: 12px;}
.MultiBox{width:240px; height: 100px;margin-bottom: 12px;}


.InformationText{margin:12px 0 12px 0;}

a.SendButton img{float:left; margin-top:-10px; margin-left:10px; margin-bottom:10px;}


/***********/
/*CHALLENGESTARTPAGE*/
/***********/

.LoginArea{ height:31px;position:absolute; right:28px;}
.TopInformationArea{margin:0; padding:0; position:relative;}
.TopInformationArea img{margin-left:4px;}
a#VideoLink{width:363px; height:146px; position:absolute; margin:171px 0 0 -458px; cursor:pointer;}
a#ReadLink{width:90px; height:15px; position:absolute; cursor:pointer;margin:229px 0 0 35px;}
.InformationArea{width:100%;}

.InformationArea p{width:60%; float:left;}

.RegisterArea{width:36%;float:left; padding-left:20px; padding-bottom:100px;}

.NewProject{ float:left; margin-top:40px;margin-left:14px;}

.NewInnovation{float:right; margin-right:13px; margin-top:22px; }

.TopListAreaList{width:100%;}

.TabHeader{float:left; margin-top:-5px; font-size:23px; margin-left:20px;}

.SortMenuAreaProfile{ width:400px; float:left; margin-top:40px; font-size:23px;}
.SortMenuArea{ width:1024px; clear:both;  margin-top:40px; font-size:23px;}
ul.SortMenu{list-style-type:none; height: 46px; margin:0; padding:0;}
.SortMenu li.selected{float:left; margin:-6px 18px 0 0;  padding:0 5px 0 0;  background:url('images/StartPage/Tab_Right.gif') no-repeat top right; height:37px; }
.SortMenu li{float:left; margin:0 18px 0 0; padding:0; background:none;  height:37px; }
.SortMenu li .normal{color:#363636;  padding:0; }
.SortLeft{background:url('images/StartPage/Tab_Left.gif') no-repeat top left; height:37px; float:left; width:5px;}
.SortMiddle{background:url('images/StartPage/Tab_Middle.gif') repeat-x top left; height:37px;  padding: 6px 10px 0 14px;}
.SortMiddle span.selected {color:#fff; }
.SortArrow{background:url('images/StartPage/Tab_arrow.gif') no-repeat top center;height:9px;margin-top:-6px;}
.SortMenu li .normal a{ padding-left:14px;}

.SortFilter{height:25px;}
.SortList{float:left;width:100%; margin-bottom:33px; }
.SortType{}
.SortType span{float:left; color:#4f4f4f; font-weight:normal; font-size:14px; }
.SortType .Left{background:url('images/StartPage/filter_left.gif') no-repeat; width:4px;height:25px;}
.SortType .Right{background:url('images/StartPage/filter_right.gif') no-repeat; width:4px;height:25px; margin-right:2px;}
.SortType .Middle{background:url('images/StartPage/filter_middle.gif') repeat-x; height:25px;padding-right:14px;}
.SortDivider{width:2px;height:25px;float:left;}
.SortType .Middle a{color:#00b1ec;}
.SortType .Headline{font-weight:bold;padding-left:15px}
.SortType .Selected a{color:#363636;}


.TopListArea{margin-top:30px; margin-bottom:35px;}
.TopListArea .TopListImage{background:url('images/StartPage/BG_city.gif') no-repeat;width:178px; height:116px; }
.TopListArea .TopListInfo{margin:6px 12px 34px 12px; width:150px; }
h2.Start{font-size:17px; font-weight:bold; color:#191919;margin:0; height:50px;}

.Heading{height:60px;}
h2.Innovation{font-size:17px; font-weight:bold; color:#191919;margin:0;padding:0; }

h4.Innovation{font-size:14px;font-weight:bold; color:#363636;margin:0; padding:0;}

.CityImage{padding:5px 0 0 5px;}
.TopListArea .column{ margin:0;float:left; width:178px; padding-right:18px; margin-bottom:47px;}
.TopListInfo{margin-left:1px; }

.TopListArea .Citycolumn{ margin:0;float:left; width:178px; padding-right:18px; margin-bottom:47px; height:420px; overflow:hidden;}

ul.CityInfo{margin:0; padding:0;}

ul.CityInnovations{width:178px; clear:both; margin:0; padding:0;}
ul.CityProjects{width:178px; margin:0; padding:0;}
.CityInnovations li{list-style-type:none;margin:0; padding:0; float:left; padding-right:5px;}
.CityInnovations li.left{width:25px; text-align:right;margin-left:-5px;}
.CityInnovations li.right{width:125px; }
.CityProjects li{list-style-type:none;margin:0; padding:0;float:left;padding-right:5px;}
.CityProjects li.left{width:25px;text-align:right; margin-left:-5px;}
.CityProjects li.right{width:125px;}

.CityInfo li{list-style-type:none; width:170px; margin:0; padding:0; }
.CityInfo span.left{text-align:right;width:25px; float:left;padding-right:5px;border: 1px solid blue;}
.CityInfo span.right{width:123px;float:left; margin-top:-18px;border:1px solid red;}
.TopInfo{width:170px; }
.ProjectTypes{float:left;width:85px;margin-top:10px; }
.ProjectTypes img{padding-right:2px; padding-bottom:12px;}
.CO2{float:right;padding-right:14px;}
.CO2 img{ margin-bottom:-3px;}
.CO2 .C02number{padding:0 2px 0 2px; font-size:17px; font-weight:bold; /*semibold*/ color:#191919;}

.DividerSmall{width:168px; height:1px; background:url('images/StartPage/Line_small.gif') repeat-x; margin-left:-7px; clear:both;}

.divider{width:965px;height:3px;float:left;background:url('images/StartPage/line_big.gif') repeat-x; margin-bottom:24px;}

.BottomArea{width:100%; margin-left:12px; font-size:15px; color:#353535;}
h3.start{font-size:17px; color:#191919;}
.BottomArea .BottomLeftRegion{width:280px;float:left;padding-right:35px;}
.BottomArea .BottomMiddleRegion{width:280px;float:left;padding-right:35px;}
.BottomArea .BottomRightRegion{width:280px;float:left;}
.PdfIcon{background:url(images/Icons/PDF_icon.gif) no-repeat; float:left; height:17px; width:17px;padding-right:10px; margin-top:4px; }
.PdfText{float:left; text-align:left;}
.Links{width:265px;  float:left;}
.linkArea{width:275px;float:left; margin-bottom:9px;}
.RegLink{margin-bottom:32px; clear:both; color:#191919;}

.ReadMoreLink{width:265px;float:left; margin-top:4px;margin-bottom:10px;}
.ReadMoreIcon{background:url(images/Icons/ReadMore_icon.gif) no-repeat; float:left; width:15px; height:16px; margin-top:4px; margin-right:6px;}

.ContactRegion{float:left; padding-left:13px; padding-bottom:24px; width:282px;}

.RegistrationRegion{float:left; margin-left:30px; padding-bottom:24px; width:590px;}


/*************/
/*ProfilePage*/
/*************/
#MainBodyLeft{width:205px;float:left; overflow:hidden; padding-left:36px; margin-top:20px; min-height:20px;}

#MainBodyMiddle{width:550px;float:left; overflow:hidden; margin-top:36px; margin-left:12px;}

#MainBodyRight{width:202px;float:left; overflow:hidden; margin-top:36px; margin-left:15px; }

/*RightArea*/
.DividerRightContent{width:202px; height:1px; background:url('images/StartPage/Line_small.gif') repeat-x; margin-left:-7px; clear:both;padding:0 0 3px 0;}

.RightColumnList{padding-left:8px; margin-bottom:10px;}
.RightColumnList ul{list-style-type:none;margin:0; padding:0;}

.RightColumnList ul li{margin-bottom:12px;}

.ColumnItem{width:100%;min-height:50px;}

.ColumnLeft{width:50px; float:left; margin-left:5px;}

.ColumnLeft img{vertical-align:middle; }

.ColumnRight{float:left; margin-left:8px; width:110px;}

.ColumnRight span{width:100%; display:block; margin-top:-6px;}

.ColumnRight span.Regular{font-size:13px; color:#848484;}

.ColumnRight span.Regular a{font-size:13px; color:#0291ff;}

.ColumnRight span a{font-size:14px; color:#363636; font-weight:normal;}

/*end*/

.MarginTop{margin-top:20px;}
.MarginWrapper{margin-left:12px; margin-right:12px;}
.MarginFileWrapper{margin:10px 0 4px 12px;}

.DividerThin{height:1px; background:url('images/StartPage/Line_small.gif') repeat-x; clear:both;}
.DividerBig{height:3px; background:url('images/framework/DividerBig.gif') repeat-x; clear:both;}

.ProfileImageArea{padding:0 0 20px 0px;}
.ProfileImageArea img{}

.ImageProfile{background:url('images/icons/ProfileFrame.gif') no-repeat;width:188px; height:156px;}
.ImageProfile img{padding:5px 0 0 5px;}

.ProfileCityLeft{margin-left:12px;}
.ProfileCityLeft ul{list-style-type:none; margin:0; padding:0;}

.ReductionArea{ font-size:14px; padding-top:6px; color:#363636;margin-bottom:-5px;}
.ReductionArea ul{list-style-type:none; margin:0; padding:0; margin-bottom:20px;}
.ReductionArea ul li a{vertical-align:middle;}


.ContactArea{ font-size:14px; padding-top:6px; color:#363636;}
.ContactArea .mail{background:url('images/icons/mail_icon.gif') no-repeat;width:16px; height:16px;}
.ContactArea .mail a{ padding-left:21px; width:150px; overflow:hidden;}

/*.mail{background:url('images/icons/mail_icon.gif') no-repeat;width:16px; height:16px;}
.mail a{ padding-left:21px; width:150px; overflow:hidden;}*/

.C02Area { font-size:14px; padding-top:6px; color:#363636;}

.ProjectArea{width:300px;  }

.CityProjectList{width:558px;}
.CityProjectList .Citycolumn{margin:0;float:left; width:178px;  margin-bottom:47px; padding-right:8px; height:420px; overflow:hidden;}

.InnovationImage{background:url('images/icons/innovation.gif') no-repeat;width:178px; height:116px;}
.InnovationImage img{padding:5px 0px 0px 5px;}


.ProjectTypeArea .Type img{padding-right:8px;}

.InnovationList{width:558px;}
.InnovationList .Citycolumn{margin:0;float:left; width:178px;  margin-bottom:47px; padding-right:8px; height:420px; overflow:hidden;}
.ProjectImage{background:url('images/icons/project_place.gif') no-repeat;width:178px; height:116px;}
.ProjectImage img{padding:5px 0px 0px 5px;}
.CityProjectList .Citycolumn .TopListInfo{padding-left:12px; padding-top:6px;}
.InnovationList .Citycolumn .TopListInfo{padding-left:12px; padding-top:6px;}
.ListText{padding:7px 0 7px 0; clear:both;}

.ProfileNumbers{ margin-bottom:11px; margin-top:6px;}

.DividerLeftContent{width:178px; height:1px; background:url('images/StartPage/Line_small.gif') repeat-x; margin-left:-7px; clear:both;padding:0 0 3px 0;}

.ProjectArea ul{list-style-type:none; width:100%;  margin:0; padding:0; }
.ProjectArea ul li{float:left;width:49%; padding-bottom:20px;}
.ProjectArea ul li img{height:80px; width:80px; }
.ProjectArea ul li span.InfoText{font-size:14px;}

.CityArea{width:100%; margin-top:20px;}

.CityArea ul{list-style-type:none;margin:0; padding:0; width:100%;}
.CityArea ul li{display:inline;width:49%;}
.CityArea ul li img{height:80px; width:80px; border:1px solid black; }
.CityArea ul li span.InfoText{font-size:14px;}

.HeadlineArea{ margin:0; padding:0;}
.HeadlineArea .item{  float:left; width:86.8%;}

.ProfileInformationArea{padding-right:35px; padding-left:12px;margin-top:-7px; margin-bottom:-9px;}
.ProfileIntroText{padding-right:35px; margin-bottom:-10px;}

h1.profile{font-size:23px; font-weight:normal; color:#363636; margin:0; padding:0;vertical-align:middle;}
h2.profile{font-size:17px; font-weight:bold; color:#363636;margin:0; padding:0;}/*semibold*/
h3.profile{font-size:15px; font-weight:bold; color:#363636;margin:0; padding:0;}/*semibold*/

.ListArea{width:100%;}
.ListArea ul{list-style-type:none;margin:0; padding:0;}
.ListArea ul li{float:left; width:32%; margin-bottom:20px;}
.ListArea ul li img{width:150px; height:150px;}
.ListArea ul li .InfoText{padding-right:20px;}

.EditItem{float:right;padding-right:30px;padding-top:10px;vertical-align:bottom;text-decoration:underline;}
.EditItem img{width:20px; height:20px;  }
.DonateItem {float:right;padding-right:50px;padding-top:10px;vertical-align:bottom;text-decoration:underline; margin-right:-20px;}
.DonateItem img{width:20px; height:20px;  }



/*****************/
/*Register*/
/*****************/

h1.RegForm
{
    font-weight: normal; /*semibold*/
	font-size: 30px;
	font-style:normal;
	color:#252525;
	padding: 31px 0 18px 31px;
	margin: 0;
}
h2.RegForm
{
    font-weight: normal; /*semibold*/
	font-size: 25px;
	font-style:normal;
	color:#252525;
	padding: 18px 0 18px 31px;
	margin: 0;
}

h1.Confirm
{
    font-weight: normal; /*semibold*/
	font-size: 30px;
	font-style:normal;
	color:#252525;
	padding: 31px 0 18px 31px;
	margin: 0;}

h2.Confirm
{
    font-weight: normal; /*semibold*/
	font-size: 25px;
	font-style:normal;
	color:#252525;
	padding: 18px 0 18px 0;
	margin: 0;}

.Line{background: url(images/framework/bg_line.png) bottom repeat-x; height:2px; margin:15px 0 0 0;}

.TopRegion{ /*padding:1.7em 0 1.5em; margin:0 2.3em;*/width:94%;padding:0 0 0 1.7em; /*border-bottom:1px solid #d2d2d2;*/}

.right{float:right;  width:100px;}

.BottomRegion{width:94%;padding-left:1.7em;/*border-bottom:1px solid #d2d2d2;*/}

.Reg_Label{ position:absolute; width:135px; padding-left:31px;}

input.text {margin-left:166px; width: 250px; margin-right:10px;margin-bottom: 12px; }

input.NameText {margin-left:166px; width: 150px; margin-right:10px;margin-bottom: 12px;}

select{margin-left:166px; width: 210px; margin-right:10px; margin-bottom: 14px;}

input.Reg_Button{background: url(images/framework/RegButton.png) no-repeat; width: 130px; height:50px; margin:22px 0 20px 51px; border:0;}

.BackgroundArea{width:100%; background-color:#f2f2f2;}

.validation{}
.valMessage{padding-left:31px;margin-top:-8px; padding-bottom:8px;}
.validation span{ }
.validation .Requierd{vertical-align:top;}
.valMessage{color:Red;}
.valMessageTerms{color:Red; padding-left:31px;}
.TermsAndConditions{text-decoration:underline;}

.warning{color:Red; padding-left:31px;}

.UserActivated{padding-top:30px;}

.ConfirmArea{width:742px; margin:0  auto;}


/* LOGIN */

.login{margin-left:12px; margin-bottom:20px;}

input.LoginInput{ width:254px; margin-right:10px;margin-bottom: 12px;}
input.LoginInputPW{width: 156px; margin-right:10px;margin-bottom: 12px; }
input.LoginInput1{ width: 174px; margin-right:10px;margin-bottom: 12px; }
input.LoginInput2{ width: 196px; margin-right:10px;margin-bottom: 12px;}
input.LoginInput3{ width: 286px; margin-right:10px;margin-bottom: 12px; }
input.LoginInputLong{ width: 196px; margin-right:10px;margin-bottom: 12px; margin-left:120px;}

.LoginLabel{ width:120px; display:block; text-align:left; margin:0; padding:0; float:left; }
.LoginPWBox{width: 136px; margin-right:10px;margin-bottom: 12px; float:left; }

.LoginTextBox{ width: 276px; margin-right:10px;margin-bottom: 12px;}
.ForgotPW{float:left;}
.ForgotPW a{cursor:pointer;}
.button img{ border:0; float:right; margin-top:15px;}
.loginCheckBox{width:100%;float:left; margin-bottom:20px;}
.loginCheckBox input{margin-left:-2px; margin-right:5px; }
.LoginForm{margin-top:22px;}
.LoginButton{float:left;}
/*.LoginButton .Cancel a{float:right;}
.LoginButton a span img{float:right; border:1px solid red;}*/

.passReq{float:left;}

/************************/
/* GLOBAL               */
/************************/
html, body {
}
body {
	font-family:  Myriad Pro, Helvetica, Arial;
	font-size:14px;
	line-height:24px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #252525;
	background: #ebebeb;
}
body form {
	width: 1056px;
	margin: 0 auto 30px auto;
}
#PageContainer {
	overflow: hidden;
	
}
#Page {
	text-align: left;
	/*width: 1056px;
	float: left;
	
	padding: 0 10px 10px 10px;*/
}
a {
	color: #004A80;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1, h2, h3, h4 {
}

h1 {
	font-weight: bold; /*semibold*/
	font-size: 25px;
	font-style:normal;
	color:#252525;
	padding: 0;
	margin: 0;
}

h2 {
	font-weight: bold;/*semibold*/
	font-style: normal;
	font-size: 18px;
	color:#252525;
	padding: 0;
	margin:1em 0 0.6em 0;
	width:100%;
}

h3 {
	font-weight: bold;/*semibold*/
	font-size: 14px;
	color:#252525;
	padding: 0;
	margin: 0.4em 0em;
}

p {
	margin: 0;
	padding: 0;
	font-size:15px;
}
.introduction {
	font-weight: bold;
}

/************************/
/* HEADER               */
/************************/

/*#HeaderArea {width:100%;  position:relative;}

#HeaderRegionStart{height:34px;}

#HeaderRegion {	position: relative;	height: 90px;}

#Logotype {	float: left; margin: 20px 0px 0px 10px;}

.Login{float:right;margin: 10px 46px 0px 0; color:#363636; font-size:15px; font-weight:bold;}*/

.HeaderRegion{ width:99.2%; background:url(images/framework/Top.gif) no-repeat;position:relative;width:999px;height:108px;}
.BannerArea{height:106px;}
.BannerArea img{ float:left;padding-top:26px; margin-left:26px;}

#HeaderArea{height:136px; clear:both; margin-left:28px;}
#HeaderTopArea{height:31px; background-color:#00b1ec; width:999px; position:relative;}
.HeaderSettings{ right:0px;position:absolute;background-color:#fff; height:31px;}
ul.AccountSettings{margin:0; background: #fff url(images/framework/login_Left.gif) no-repeat left; height:31px; padding-left:10px;padding-right:18px;}
ul.AccountSettings li{float:left; list-style-type:none;padding:0 5px 0 5px;}
#Logotype{float:left; margin:0 0 0 41px;}

#SearchArea{ float:right; margin:60px 8px 0 0;}


/************************/
/* MAINMENUAREA         */
/************************/
#MainMenuArea {
	position: relative;
	margin: 0;
	padding: 0;
	height: 47px;
	background: url(images/MainMenuLeft.png) no-repeat left top;
	font-size: 1.1em;
	line-height: 16px;
	overflow: hidden;
	padding-left: 5px;
	margin: 0 3px 0 3px;
}
#MainMenu {
	background: url(images/MainMenuBg.png) repeat-y right top;
	height: 47px;
	font-weight: bold;
}
#MainMenu ul {
	margin: 0;
	list-style-type: none;
	float: left;
	overflow: visible;
}
#MainMenu li {
	display: block;
	float: left;
	margin: 5px 2px 2px 2px;
	padding: 0;
	white-space: nowrap;
}
#MainMenu li.selected {
	background: url(images/MainMenuSelectedBg.png) no-repeat right top;
}
#MainMenu li.selected a {
	display: block;
	color: #333;
	padding: 5px 10px 0 10px;
	height: 25px;
	background: url(images/MainMenuSelectedLeft.png) no-repeat left top;
}
#MainMenu li a {
	display: block;
	padding: 5px 11px 0 11px;
	text-decoration: none;
	color: White;
}
#MainMenu li.unselected a:hover {
	background: #3a3a3a url(images/MainMenuHoverBg.png) repeat-x;
	border: 1px solid #333;
	padding: 4px 10px 3px 10px;
}

/*************************/
/* STAGEAREA             */
/*************************/
#StageArea {
	/*width: 100%;
	padding: 0 0 10px 0;
	float: left;*/
}


/*************************/
/* FOOTERAREA            */
/*************************/
#FooterArea {
	position: relative;
	float: left;
	width: 1024px;
	padding-left: 42px;
	
}
#Footer {
	height: 14px;
	padding-left: 10px;
}



/*************************/
/* CONTENTAREA           */
/*************************/
#MainContentArea {
	width: 100%;
}
#ThreeColumns {
	width: 100%;
	overflow: hidden;

}
#LeftContentArea {
	width: 540px;
	float: left;
	overflow: hidden;
	margin-right: 10px;
}
#RightContentArea {
	width: 240px;
	float: left;
}
#ThreeColumns #LeftContentArea {
	width: 215px;
	margin: 0;
}
#ThreeColumns #RightContentArea {
	width: 215px;
	margin: 0;
	overflow: hidden;
}
#MiddleContentArea {
	width: 340px;
	float: left;
	overflow: hidden;
	margin: 0 10px 0 10px;
}
/* IE 6 doesn't understand the > selector and ignores it */
html > body #MainContentArea {
	height: 100%;
}
#StageArea #MainBodyArea {
	margin-left: 16px;
	margin-bottom: 10px;
	height: auto;
	min-height: 0;
	overflow: hidden;
}
div.mainInfoBox {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
div.mainInfoBox.alt {
}



img.topImage {
	padding: 2px;
	width: 193px;
	height: 133px;
	background-color: #fff;
	margin-right: 15px;
	float: left;
	border: 1px solid #bababa !important;
}
div.topBody {
	width: 297px;
	float: left;
}



/*SETTINGS*/
.EditImage{float:right;padding-right:30px;padding-top:10px;vertical-align:bottom;text-decoration:underline;}
.EditImage img{width:20px; height:20px;  }

.Files{width:500px;  float:left;display:block;}
.FileArea{float:left; margin-bottom:-16px;margin-top:12px; padding-bottom:10px;}
.Filetitle{float:left; padding-right:5px;}
.Files a.Remove{float:left; }
.Files a.FileLink{float:left; padding-right:10px;}

.FileArea img{margin-right:10px;}

.EditFiles{margin-right:26px; float:right;}

.editpresentation{ float:right; margin-right:-21px; }

.settings .buttonSave,
.settings .buttonCancel,
.settings .editor { display: none; }
/*.settings .buttonCancel{float:right;color:#363636; margin-top:7px; cursor:pointer;padding-right:10px;margin-bottom:12px;}
.settings .buttonSave img{border:0px;float:right; margin-right:-30px; margin-top:3px;margin-bottom:12px;}*/
.settings .buttonChange {cursor:pointer; background:url('images/icons/Edit_icon.gif') no-repeat right bottom;width:16px;height:16px; color:#f7941e;font-size:13px; text-decoration:none;margin-bottom:12px;}
.editCityPresentation {width:300px;height:100px;}
textarea.editor{width:524px; height:272px;font-family:Myriad Pro; font-size:14px;line-height:24px; }

input.FileUpload{width:185px;}

.SettingButtons{float:left; margin-right:20px; margin-top:20px; margin-bottom:10px;}
.SettingButtons a.buttonCancel{color:#363636; height:15px;vertical-align:top; padding-right:5px;cursor:pointer;  }
.SettingButtons a.buttonSave{ margin-right:0; }
.SettingButtons a.buttonSave img{border:0; margin-top:-8px;}
.SettingButtons a.buttonRemove{color:#363636; height:15px;vertical-align:top; padding-right:5px; }

.SettingButtons2{float:left; margin-top:20px; margin-bottom:10px;}
.SettingButtons2 a.buttonCancel{color:#363636; height:15px;vertical-align:top; padding-right:5px; cursor:pointer; }
.SettingButtons2 a.buttonSave{ margin-right:0; }
.SettingButtons2 a.buttonSave img{border:0; margin-top:-8px;}
.SettingButtons2 a.buttonRemove{color:#363636; height:15px;vertical-align:top; padding-right:5px; }

.BrowseFile{width:155px;}
a.Cancel{ vertical-align:top; cursor:pointer;}
a.Save img{margin-top:-8px;}
.TopListArea .TopListInfoEdit{margin:0; width:150px; }
.ListText textarea{width:150px; height: 100px;}
.InnovationImage img.AddNew{padding:0 5px 5px 0; }

.DeleteItem{color:#f7941e; float:right;margin-right:13px;}
.DeleteInnovation{color:#f7941e; float:right;margin-top:15px;}


/* CREATE NEW PROJECT */

h1.CreateNew
{
font-weight: normal; /*semibold*/
	font-size: 30px;
	font-style:normal;
	color:#252525;
	padding: 0 0 18px 10px;
	margin: 0;
	float:left;
	display:inline;
	/*background:url(add_new.gif) no-repeat left;height:26px;*/  
	
}
.TopHeadLine img{float:left; display:inline;}
.TopHeadProfile img{float:left; display:inline; margin-right:10px;}

.TopHeadProfileInnovation{margin-top:-25px; margin-bottom:9px;}
.TopHeadProfileInnovation img{float:left; display:inline; margin-right:10px;}


.CheckBoxRegion{margin:13px 0 16px 28px;}



.Buttons{float:left; margin-top:32px; }
.Buttons span {padding:0 5px 0 5px; height:15px; vertical-align:top; }
.Buttons a.buttonCancel{color:#363636; height:15px;vertical-align:top; cursor:pointer;}

.Buttons img {float:left; margin-top:-8px; margin-right:5px;}


.Buttons .CreateLink{border:1px solid red;}
.Buttons .CancelLink{border:1px solid red;}
/*.Buttons .CancelLink{height:42px; display:inline; }*/

a.create img{ margin-top:-12px; }

.CreateLabel{ position:absolute; width:165px; display:block;}
.ContactInput{margin:17px 0 10px 0;}

input.Createinput1 {margin-left:166px; width: 254px; margin-right:10px;margin-bottom: 12px; }

input.Createinput2 {margin-left:166px; width: 90px; margin-right:10px;margin-bottom: 12px; }

input.Createinput3 {margin-left:166px; width: 166px; margin-right:10px;margin-bottom: 22px; }

input.Createinput4 {margin-left:166px; width: 174px; margin-right:10px;margin-bottom: 12px; }

input.Createinput5 {margin-left:166px; width: 196px; margin-right:10px;margin-bottom: 12px; }

input.Createinput6 {margin-left:166px; width: 286px; margin-right:10px;margin-bottom: 12px; }

span.Unit{vertical-align:top;}


/*News*/
ul.itemList{list-style-type:none;  margin:0; padding:0;}

/*Innovation company profile*/

.InnovationProfileImage{float:left; margin-left:8px;background:url('images/icons/InnovationProfileBig.gif') no-repeat;width:346px; height:230px;}
.InnovationProfileImage img{padding:5px 0 0 5px;}

.InnovationProfileImage .EditImage{ margin-top:-18px; margin-right:-10px;}


.blueinfobox{width:175px; float:left;margin-left:13px; min-height:230px;}
.blueinfobox .TopContainer{background:url('images/framework/blue_bg_top.gif') no-repeat; width:175px; height:7px;}
.blueinfobox .MiddleContainer{background:url('images/framework/blue_bg_middle.gif') repeat-y; width:175px; }
.blueinfobox .BottomContainer{background:url('images/framework/blue_bg_bottom.gif') no-repeat; width:175px; height:4px;}

.blueinfobox .MiddleContainer .whitedivider{background:url('images/framework/whiteline.gif') no-repeat; width:175px; height:1px;}

.BluInfoArea{ font-size:14px; padding-top:6px; color:#363636; margin-left:13px; padding-bottom:8px;}
.BluInfoArea .mail{background:url('images/icons/mail_icon.gif') no-repeat;width:16px; height:16px;}
.BluInfoArea .mail a{ padding-left:21px; width:150px; overflow:hidden;}

.BluInfoArea .EditItem {vertical-align:bottom; margin-right:6px;}


.InnovationInfoText{margin-left:13px; float:left; margin-top:16px;margin-right:35px;}
.FundingProgress{width:100%; margin-top:10px;}

.AddMember{text-align:right; margin-right:29px; }
.AddMember a{color:#f7941e;}


.AreaLeft{float:left; padding:right:18px; width:83px; padding-left:23px; padding-right:5px;}

.AreaLeft img{margin:0 auto; padding-top:10px; vertical-align:middle;}

.AreaRight{float:left;width:400px; font-size:14px; color:#252525; padding-bottom:30px; padding-left:15px;padding-right:10px;}

.AddMyInnovation{color:#f7941e; float:right;margin-right:13px; margin-top:40px;}
.AddMyInnovation a{color:#f7941e;}



/*FRIENDSLIST*/
#FriendsContainer{width:550px; margin-top:16px;}

.FriendsWrapper{margin-top:17px; margin-left:12px;}

.FriendObject{width:526px; margin:10px 0 10px 0; height:60px;}

.FriendImage{/*background:url('images/icons/miniprofile_frame.gif') no-repeat;*/width:50px; height:50px; float:left;overflow: hidden; margin-right:10px; 	}
/*.FriendImage img{padding:5px 0 0 5px;}*/
.FrameLayer{background:transparent url('images/framework/rambild.gif') no-repeat;width:50px; height:50px; position:absolute;}

.FriendData{float: left;width: 300px;  margin-top:6px;}
.FriendData span{float: left;width: 100%; display:block;}

.FriendData span.FriendHeader a{font-size:15px; font-weight:bold; color:#363636;	clear: both;overflow: hidden;}

.FriendData span a{font-size:13px; font-weight:normal; color:#0291ff;}

.ContentRight{float:right;margin-top:20px; }

.ContentRight a.Ignore{ vertical-align:top;  }
.ContentRight img{vertical-align:top; margin-top:-15px;}
.ContentRight a.remove img{ vertical-align:bottom;}


.DividerThinFriends{height:1px; background:url('images/StartPage/Line_small.gif') repeat-x; clear:both; margin-top:5px;}

/*Inbox messages*/

ul.messages{list-style-type:none; margin:0; padding:0;}

.imgListThmb {
	/*padding: 2px;
	background-color: #fff;
	float: left;
	overflow: hidden;*/
	
}

ul.messages {
	margin: 0;
	overflow: hidden;
	clear: both;
	list-style: none;
	list-style-image: none;
}
ul.messages li {
	padding: 5px 12px 5px 12px;
	margin-bottom:13px;
	display: block;
	overflow: hidden;
	background-color: #fff;
}
ul.messages li.unread {
	/*background-color: #f6f6f6;*/
	font-weight:bold;
}

ul.messages li.unread  .InboxSubject a
{
    font-weight:bold;
}

ul.messages .imgListThmb {
	margin-right: 10px;
}

div.messagePreview {
	width:480px;
	float:left;	
}

div.messagePreview a.subject
{
font-size:14px;
	color:#363636;
	font-weight:normal}

div.comment, span.comment {
	clear: both;
	
	overflow: hidden;
	
}

div.comment .Sender{
font-size:15px;
	color:#191919;
	font-weight:bold;/*semi*/

}

.MessageImage{width:28px; height:28px; float:left;overflow: hidden; margin-right:10px; }

.messageSubject{width:511px; margin-left:26px; position:relative; top:10px;clear:both; margin-bottom:18px;height:33px;}
.messageSubjectArrow{background: url('images/framework/subject_arrow.gif') no-repeat;width:10px; height:6px; left:47px; bottom:32px; position:absolute; z-index:2;}
.messageSubjectLeft{background: url('images/framework/subject_bg_left.gif') no-repeat;width:6px; height:33px;float:left;}
.messageSubjectMiddle{background: url('images/framework/subject_bg_middle.gif') repeat-x; height:33px;float:left; min-width:60px;}
.messageSubjectRight{background: url('images/framework/subject_bg_right.gif') no-repeat;width:5px; height:33px;float:left;}

.messageSubjectMiddle .MessageSubject{font-size:14px;	color:#363636;	font-weight:bold; padding:4px 4px 0 4px; font-family:Myriad Pro; }

.InboxSubject a{font-size:14px;	color:#363636;	font-weight:normal; padding:4px 4px 0 4px; font-family:Myriad Pro; }

/*Read messages*/

.MessageBody{margin-left:26px; margin-top:10px; clear:both;}
.MessageBodyTop{background: url('images/framework/mail_bg_top.gif') no-repeat;width:511px; height:5px;}
.MessageBodyMiddle{background: url('images/framework/mail_bg_middle.gif') repeat-y;width:511px; }
.MessageBodyMiddle .MessageText{padding:10px;}
.MessageBodyBottom{background: url('images/framework/mail_bg_Bottom.gif') no-repeat;width:511px; height:5px;}

.MessageButtons{margin-left:26px;}
.MessageButtons a{color:#0291ff; margin-top:5px;}

.InboxButtons{margin-left:39px;}
.InboxButtons a{color:#0291ff; margin-top:5px;}

div.singleMessageHeader {
	
	margin-top: 19px;
	margin-left:13px;
	overflow: hidden;
	width:511px;
	clear:both;
}

div.messageWriter {
	float: left;
	
}

div.messageWriter .comment{float:left; display:inline;border:1px solid red;}

div.messageWriter .Sender{
    font-size:15px;
	color:#191919;
	font-weight:bold;/*semi*/
	float:left;
	display:inline;
	margin-right:10px;
}

div.menuBar {
	
	width:320px;
	margin-bottom:23px;

}

.menuBarLeft{background: url('images/framework/menu_bg_left.gif') no-repeat;width:4px; height:33px;float:left;}

.menuBarMiddle{background: url('images/framework/menu_bg_middle.gif') repeat-x; height:33px;float:left;}

.menuBarMiddle .menuBarText{padding:3px;}

.menuBarMiddle a{font-size:14px;color:#424242; padding:0 5px 0 5px; }

.menuBarRight{background: url('images/framework/menu_bg_right.gif') no-repeat;width:4px; height:33px;float:left;}

/*Tags*/

.InnovationTags{margin-left:13px; float:left;margin-right:13px; width:95%;  }

.tagListLeftColumn{width:48%; float:left; margin-left:13px; margin-bottom:20px;}

.tagListMiddleColumn{width:45%; float:left;margin-left:13px; margin-bottom:20px;}

/*.tagListRightColumn{width:30%; float:left;margin-left:13px; padding-right:13px; margin-bottom:20px;}*/

.tagListRightColumn{width:0%;}

.Tags{width:100%;margin-top:16px;}

.tagRoot{padding-top:10px;}

.tagNode {font-size:15px; color:#363636; }

.ProfileTags{padding-right:15px;}

/*LeftMenu*/

.LeftMenu ul{list-style-type:none; margin:0; padding:0;}

/*RightPuff*/

.Puff{margin-left:8px; margin-right:8px;}

h3.puffheader{font-size:17px; color:#363636; font-weight:bold;/*semi*/ }

.italic{font-size:14px; color:#363636; font-weight:normal; font-style:italic;}

.puffLink a{font-size:13px; color:#0291ff;}



/*EpiServer*/
/*************************/
/* POPUPs and MySettings */
/*************************/
#PopUp {
	overflow: hidden;
	width:486px;
	background: transparent url(images/framework/Modal_BG_top.gif) repeat-y left top;

}
#PopUpBottom
{
   	background: transparent url(images/framework/Modal_BG_bottom.gif) no-repeat left top;
   	width:486px; height:32px;
 
}

.PopUpWrapper{ width:400px; margin-left:30px; }
.PopUpWrapper h2{margin-left:20px;}
.PopUpWrapper .Buttons{margin-left:15px;}

#PopUp .mainInfoBox .headingContainer {
	position: relative;
	width:445px;
	padding-left:40px;
}
#MySettings {
	overflow: hidden;
	width: 100%;
}

#PopUp.reply {
	width: 300px;
}
.popUpBg {
	width:400px;padding-left:25px;
}
#PopUp fieldset
{
width:420px;
}

#MySettings fieldset {
	border: none;
	background-color: #fff;
	overflow: hidden;
}
#PopUp fieldset.popUp {
	padding: 2%;
	margin: 0;
	width:395px;
	padding-left:20px;
	border:0;
	margin-right:20px;
	clear:both;
}

#PopUp legend, #MySettings legend {
	color: red;
	font-style: italic;
	overflow: hidden;
	padding: 10px 0 10px 0;
	margin:5px 0 5px -5px;
}
#PopUp fieldset.popUp ul {
	list-style-type:none; margin:0; padding:0;
}


fieldset.mySettings label {
	
	float: left;
	overflow: hidden;
	margin-top: 3px;
	font-weight: bold;/*semi*/
	font-size:15px;
	color:#363636;	
}

#PopUp label {
	float:left;
	width:400px;
	overflow: hidden;
	margin-top: 3px;
	font-weight: bold;/*semi*/
	font-size:15px;
	color:#363636;
		
}

#PopUp select
{
	float:left;
}



ul.register label {
	width: 110px;
	text-align: right;
}
 /*fieldset.mySettings span.passReq {
	text-align: right;
	width: 110px;
}*/
label.video {
	width: 60px;
}
fieldset.mySettings span.passReq {
	overflow: hidden;
	float: left;
	clear: both;
}
fieldset.mySettings input {
	float: left;
}
fieldset.createEvent input {
}
fieldset.mySettings input.file, fieldset.createEvent input.file {
	margin-top: 20px;
	width: 17em !important;
}


#MySettings select {
	border: 1px solid #ccc;
	margin-right: 10px;
	float: left;
	
}
#MySettings select.category {
	width: 15em;
}

#PopUp select.MessageDropDown{float:left; margin-left:0px;}

#PopUp input{
	clear:both;
	margin: 0px 2px 5px 0px;
	width: 220px;
}
#PopUp input.text {
	border: 1px solid #ccc;
	width:250px;
}
span.radioButton {
	margin-right: 5px;
	float: left;
}
span.radioButton label {
	float: none !important;
	color: #000 !important;
	width: auto !important;
}
span.radioButton input {
	width: auto !important;
	float: left;
	border: none !important;
}
#PopUp textarea {
	
	border: 1px solid #ccc;
	width: 230px;
	height: 150px;
	background-color: transparent;
	
}
#PopUp textarea.textBox {
	width: 99%;
}
#PopUp a.close {
	color: #fff;
	position: absolute;
	top: 6px;
	right: 10px;
	font-size: 1em;
	font-weight: bold;
	text-transform: none;
}
.modalPopUpHost {
	overflow: hidden;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	visibility: hidden;
}
.modalPopUpCover {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter: alpha(opacity=70);
	opacity: 0.7;
	z-index: 1000;
}
.modalPopUpContentWrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10001;
}
.modalPopUp {
	position: absolute;
	left: 50%;
	top: 34px;
}

.padding5x5 {
	padding: 5px;
	overflow: hidden;
}


#crowdfunding-progress  {
background:url('images/framework/bg-funding-completion.gif') no-repeat scroll 0 0 #EEEEED;
float:left;
height:24px;
margin:0 10px 8px 0;
padding:4px 5px;
width:174px;
}

#crowdfunding-progress div {
background:url('images/framework/bg-funding-completion-meter.gif') repeat-x scroll 0 0 #57C2EF;
height:24px;
}

.crowdfunding-progress-info{width:100%;clear:both;}

/*******/
/*BLOGS*/
/*******/

/* Date archive */
div.dateTree {
	margin: 0;
	padding: 5px;
	overflow: hidden;
}
div.dateTree ul {
	list-style-image: none;
	padding: 0;
	margin: 0;
}
div.dateTree ul ul {
	margin: 0 0 0 0;
}
div.dateTree ul li {
	background-image: none;
	margin: 0;
	padding: 0 0 0 0;
}
div.dateTree ul li ul li {
	background-image: none;
	padding-left: 15px;
}

/* Comments */
ol.comments {
	margin-bottom: 1.5em;
	padding: 0;
	margin: 0;
	list-style: none;
}
ol.comments li {
	padding-bottom: 1.2em;
	margin-bottom: 1.2em;
	border-bottom: 1px solid #f0f0f0;
	overflow: hidden;
}
ol.comments div.dateAndWriter {
	float: left;
	margin-right: 1%;
	margin-left: 1%;
	width: 12%;
	overflow: hidden;
}
ol.comments div.itemContent {
	float: left;
	width: 85%;
	overflow: hidden;
}
ol.comments h3 {
	margin-top: 0;
}
ol.comments .footer {
	margin-top: 0.4em;
	text-align: right;
}
ol.comments .footer h2 {
	margin: 0.5em 0;
	margin-top: 0.2em;
	font-size: 1.1em;
	font-style: italic;
}
ol.comments .footer a {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-style: normal;
}

a.delete{color:#f7941e;}
.services a.edit{color:#f7941e;}
.onPageSearch a.button{color:#f7941e;}
span a.button{color:#f7941e;}


