﻿
/* Ihle's new stylez */

/* basic decs */

html { height: 100%;	margin-bottom: 1px; }

body {
	margin: 0px;
	padding: 0px;
	font-size: 66%;
	text-align: center;
	/*background: #fff url(http://www.managemyideas.com/images/logo-bg2.png) left top repeat-x;*/
	background: #fff url(images/logo-bg2.png) left top repeat-x;
	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .8em;
	color: #202020;
}


p { line-height: 130% ; text-align: justify; }


h1{ font-size: 16pt; font-family: arial; color: #f60; font-weight: normal; margin: 16px 0 5px 0;}
h2 { font-size: 12pt; font-family: arial; color: #f60; font-weight: normal; margin: 10px 0 5px 0;}
h3, h4, h5 ,h6 { font-size: 1.2em; font-weight: bold; color: #00abec;}
h3 a { font-size: 2em; font-weight: normal; }

/*  original link color: 00abec*/
a {	color: #387899; font-weight: normal; text-decoration: none; }
a:hover { text-decoration: none; color: #f60; }
a:active { outline: none; }
a:focus { outline: none; background: #00abec; color: #fff !important;  }
/*a:visited { color: #0085b7; }*/

img, img a { border: 0px }
/*input, textarea { color: #09c; padding: 4px; font-size: 1em;	font-family: "verdana", arial, helvetica, sans-serif; border: 1px solid #c7edfb; background: #f9fdff; }
input { width: 20.5em; margin-right: 10px; } */
acronym { border-bottom: 1px dotted #f60; cursor: help; }
blockquote { border: 1px solid #c7edfb; padding: 8px; margin: 5px 20px 5px 20px; background: #f1fafe; }
blockquote p { padding: 0px; margin: 0px; }
code { border: 1px solid #ddd; font-size: 1.3em; color: #000; background: #f7f7f7; display: block; padding: 8px; margin: 5px 20px 5px 20px; }


/* structure */

#mainbox {
	width: 900px;
	margin: 0px auto;	padding: 0px;
	text-align: left;
}

#header {	height: 97px; background: url(images/logo.png) left top no-repeat; }

#frontcontent { margin: -30px 334px 0px 25px; }

/*#content { margin: -30px 25px 0px 25px; }*/

#portfoliocontent { margin: -30px 270px 0px 25px; }
#sitelist { width: 230px; float: right; margin: 11px 20px 0px 0px; }
#sitelist a:visited { color: #aaa; }

.featured { border: 1px solid #c7edfb; padding: 3px 18px 3px 18px; background: #f9fdff; margin-bottom: 16px; }
.featured:hover { border: 1px solid #00abec; color: #000; background: #f1fafe; }
.featured h3 { color: #00abec;  }
.featured p { }
.fthumb { float: right; border: 1px solid #c7edfb; margin-top: 5px; }
.featured:hover .fthumb { border: 1px solid #00abec; }

#preview { width: 278px; float: right; margin: -15px 20px 0px 0px; }
#preview a { background: none !important; }


/*
#devolved { color: #9df; margin-top: 30px; padding-bottom: 20px; }
#devolved a { color: #9df; }
#devolved a:hover { color: #f60; }
#devolved:hover { color: #00abec; }
#devolved:hover a { color: #00abec; }
#devolved:hover a:hover { color: #f60; }
*/

/* navigation menu */

#nav { float: right; position: relative; top: 40px; left: 0px; margin: 0px; padding: 0px; height: 30px; }
#nav dl { }
#nav dt { }
#nav dd { display: inline; margin: 0px; padding: 0px; border-right: 1px solid #fff;  }
.navend { border-right: 1px solid #10456D !important; }

#nav dd a {
  font-weight: normal; text-decoration: none;
	color: #fff; padding: 0px 2px 2px 2px; margin: 0px 3px 0px 3px;
	border-bottom: 2px solid #10456D;
}

#nav dd a:hover { color: #00abec; }

.active {  border-bottom: 2px solid #00abec !important; }

/* misc classes */

.clear { clear: both; }
.accesslist { }
.textright { text-align: right; }
.skip { float: left; color: #10456D; padding: 5px; }
.col1 { color: #00abec; }
.col2 { color: #ffeeb8; }
.col4 { color: #aaa; }
.bold { font-weight: bold; }
.ital { font-style: italic; }
.big { font-size: 1.4em; }
.lil { font-size: 0.85em; }
.counter { text-align: center; color: #00abec; font-size: 8em; padding-top: 80px; }
.line { border-bottom: 1px dotted #00abec; cursor: help; }
.demobutton { background: #fff !important; }
.postfooter { margin-bottom: 30px; }


/*- Menu Tabs E--------------------------- */

    #tabsE {
      float:right;
      width:100%;
      background:transparent;
      font-size:100%;
      line-height:normal;
      position: relative; top: 31px; left: 0px; margin: 0px; padding: 0px; 
    }
    #tabsE ul {
        margin:0;
        padding:10px 10px 0 50px;list-style:none;
    }
    #tabsE li {
      display:inline;
      margin:0;
      padding:0;
    }
    #tabsE a {
      float:right;
     /* background:url("images/tableftE1.gif") no-repeat left top; */
      margin:0px 3px 0 3px ;
      padding:0 0px 0 0px;
      text-decoration:none;
    }
    #tabsE a span {
      float:right;
      display:block;
      background:#387899;
      
      /*background:url("images/tabrightE.gif") no-repeat right top; */
      padding:7px 10px 6px 10px;
      color:whitesmoke;
      
    }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsE a span {float:none;}
    /* End IE5-Mac hack */
    #tabsE a:hover span {     
      color:#FFF;
    }
    #tabsE a:hover {
      /*background-position:0% -42px; */
        background:#4CA3D2;
    }
    #tabsE a:hover span {
      /*background-position:100% -42px;*/
       background:#4CA3D2;
    }
    #tabsE #current a {
            
    }
    #tabsE #current a span {
      font-weight:bold;
      background:#4CA3D2;
    }
        

.tbox
{
	vertical-align:bottom;
	padding: 5px 0 0 2px;
	
	
}
        
.navBoxItem 
{
	border: solid 1px #bbbbbb;
	width: 100px;
	padding: 4px;
	
}   
#wrapper { 
 margin: 0 auto;
 width: 900px;
}
 
#navbox {
  border: solid 1px #CFB385; 
  background: #F4EDE3; 
  margin: 0 0 5px 0; 
  padding: 10px;
  /*height: 250px;*/
  width: 180px;
}

#privilegebox {
  border: solid 1px #CFB385; 
  background: #F4EDE3; 
  margin: 0 0 10px 0; 
  padding: 10px;
  width: 180px;
  
}

#tagbox {
  border: solid 1px #CFB385;
  background: #F4EDE3;
  margin: 0 0 10px 0; 
  padding: 0 10px 10px 10px;
  width: 180px;
}
 
#faux {
 margin: 10px 0px;
 overflow: auto;
 width: 100%
}

#maincontent { 
 display: inline;
 /*color: #333;*/
 /*margin-right: 10px;*/
 padding: 0px;
 /*width: 580px;*/
 width: 680px;
 float: left;
 text-align: left;
 
 
}

#sidebar {
 float: right;
 color: #333;
 margin: 10px 0px 10px 0px;
 padding: 0px;
 width: 180px;
 text-align: left;
}

#sidebar-left {
 float: left;
 color: #333;
 margin: 10px 0px 10px 0px;
 padding: 0px;
 /*width: 140px;*/
 width: 180px;
 
}

#sidebar-right {
 float: right;
 color: #333;
 margin: 10px 0px 10px 0px;
 padding: 0px;
 width: 140px;
}


#footer { 
 width: 902px;
 clear: both;
 color: #333;
 background: #ABBEBE;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

.clear { clear: both; background: none; }

.content { margin-bottom: 7px; }

/*-------------------------------------------------*/

#navBarArea
{
	font-family: Arial;
	font-weight: normal;
	height: 30px;
	font-size: 1.3em;
	background-color: #4177A7;
	
}

#navBarArea ul
{
	margin: 0px 0px 0px 10px;
	color: white;
	line-height: 30px;
	white-space: nowrap;
	
}

#navBarArea li
{
	list-style-type: none;
	display: inline;
}

#navBarArea li a
{
	padding: 0px 0px 0px 15px;
	color: white;
	text-decoration: none;
}

#navBarArea li a:hover
{
	color: #dddddd;
	text-decoration: underline;
}

#navBarArea li a.navActiveLink
{
	text-decoration: underline;
}

/* end navBarArea */
/* ---------------------------------------------*/

.tagCloudLinks
{
	padding: 1px 1px 1px 0px;
	margin: 0px;
	text-decoration: none;
	/*color: blue;*/
	/*font-family: Arial, Sans-Serif;*/
	font-size: x-small;
}

#tabmenu
{
	color: #000;
	border-bottom: 1px solid silver;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	z-index: 1;
	padding-left: 10px;
	text-align: right;
}

#tabmenu ul
{
	/*margin: 0px 5px 0px 0px;*/
}	

#tabmenu li
{
	display: inline;
	overflow: hidden;
	margin: 0px 4px 0px 0px;
	list-style-type: none;
	
}

#tabmenu a, a.active
{
	color: #fff;
	background-color: #5D7B9D; /*font: bold 1em "Trebuchet MS", Arial, sans-serif;*/
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1.1em;
	border: 1px solid silver;
	padding: 2px 5px 0px 5px;
	margin: 0px;
	text-decoration: none;
}

#tabmenu a.active
{
	color: #333333;
	background-color: #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

#tabmenu a:hover
{
	background: #6D8BAD;
}

#tabmenu a.active:hover
{
	background-color: #eeeeee;
	color: #333333;
}

#IdeaEditArea
{
	width: 550px;
	padding: 2px 2px 2px 2px;
	border: solid 1px silver;
	border-top: none;
	background-color: #eeeeee;
}

.IdeaLabel
{
	width: 65px;
	float: left;
}

.SmallText
{
	font-size: xx-small;
	font-family: Verdana, Arial, Sans-Serif;	
}

.SingleBox
{
	width: 450px;
	padding: 2px 2px 2px 2px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
}

.SingleBoxShort
{
	width: 360px;
	padding: 2px 2px 2px 2px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
}

.IdeaDescriptionBox
{
	width: 516px;
	height: 275px;
	padding: 2px 2px 2px 2px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	
}

.idea-description-new
{
	width: 600px;
	height: 200px;
	padding: 2px 2px 2px 2px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;	
}


.detailsView td
{
	border: solid 1px silver;
}

.gridViewIdeas td
{
	border: solid 1px silver;
}

.RowStyle
{
	background-color: #eeeeee;
	color: #111111;
}

.SelectedRowStyle
{
	background-color: #d1d1d1;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}


.nameLabel
{
	padding: 2px 2px 2px 2px; /*background-color: #DDDDEE; 	border: solid 1px #CCCCCC;   */
}

.ideaEnterArea
{
	padding: 5px 5px 5px 5px; /*background-color: #DaDaFF;*/
	background-color: #F7F6F3;
	border: solid 1px silver;
	width: 800px;
	margin-left: 4px;
	font-size: large;
	font-family: Arial;
}

.logodiv
{
	padding: 5px 5px 5px 5px;
	margin-left: 10%;
	margin-right: 10%;
}

.loginAndRegistration
{	/*
	padding: 5px 5px 5px 5px;
	margin-left: 10%;
	margin-right: 10%;
	*/
}

.header-top
{
	border-bottom: solid 1px silver;
	padding: 0px 0px 3px 0px;
}

.descriptionArea
{
	font-size: xx-small;
	font-family: Verdana,Arial;
	background-color: #cccc11;
	width: 750px;
}

.profileArea
{
	padding: 5px 5px 5px 5px;
	font-size: xx-small;
	font-family: Verdana,Arial;
	background-color: #fafafa;
	border: solid 1px #cccccc;
	width: 400px;
}

#FeedbackInputArea
{
	padding: 4px 4px 4px 4px;
	font-size: x-small; /*background-color:#eeeeff; */ /*background-color:#E2DED6; */ /*border:solid 1px #cccccc; */
	border: none;
	width: 560px;
}

.feedbackItem
{
	margin: 0px 0px 0px 3px;
	border: solid 1px #cccccc;
	background-color: #ddddee;
	padding: 4px 4px 4px 4px;
	width: 890px;
}

#NoIdeasMsg
{
	margin: 0px 50px 0px 50px;
	padding: 20px 20px 20px 20px;
	background-color: #efefef;
	border: solid 1px silver;
	color: #111133;
	font-size: medium;
}

#IdeaCommentArea
{
	border: none;
	font-size: x-small;
	width: 500px;

}

.IdeaCommentItem
{
	border: solid 1px #cccccc;
	background-color: #dddddd;
	padding: 4px 4px 4px 4px;
	width: 455px;	
}

#copyright
{
	border-top: solid 1px silver;
	margin-top: 10px;
	font-size: xx-small;
}