@charset "UTF-8";

.clearfix {zoom: 1;}   
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

body{margin:0; text-align:center; padding:0; font-size:12px; font-family:arial;}
a, .miniTab .currentTab a {color:#0066cc; text-decoration:none;}
a.blueLink {color:#0066cc;}
a.blueLink:hover {color:#0066cc; text-decoration:underline;}
ul{list-style-type:none; margin:0; padding:0;}
input{margin:0;padding:0;}
fieldset{margin:0;padding:0; border:0;}
h1, h2, h3, p{ margin:0; padding:0;}
.grayText {color:#666; font-weight:normal;}
.details .logline span.grayText {color:#666; font-weight:normal;}

.button{color:#000; padding:2px 15px; border-left:1px solid #ccc; cursor:pointer; background-color:#c5c5c5;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#c5c5c5));
    background: -moz-linear-gradient(top,  #fafafa,  #c5c5c5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#c5c5c5');
}

.button {font-weight:normal;}

th, td{border-top:1px solid #f3f3f3; padding:5px 2px; width:174px; color:#666; vertical-align:top;}
th{text-align:left; font-size:12px; color:#333;}
td.status span{padding:2px;}

#hd, #bd, #ft{width:980px; margin:0 auto; text-align:left;}

#hd {border-bottom:4px solid #000;}
#hd .nav {background:#000;}
#hd .nav ul{ margin:0; padding:0; list-style-type:none;}
#hd .nav li{float:left; display:block;}
#hd .nav a{color:#fff; display:block; padding:8px; text-decoration:none; }
#hd .main-nav a { font-size:14px; font-weight:bold;}
#hd .main-nav a.selected{background:#333;}
#hd .site-nav{float:right;}

#hd #logo{ margin:20px 5px; float:left; background:url(http://thegrid.itsonthegrid.com/resource/1315212059000/NewResource/res/pic/logo.png) 0 0 no-repeat; width:178px; height:32px; text-indent:-9999em; display:block;}
#hd form{float:left; border:1px solid #ccc; margin:20px; padding:0;}
#hd input{line-height:24px; margin:0; border:0;}
#hd input.query{margin:0; width:400px;}
#hd .button{ font-size:14px; }

.left-rail, .right-rail{width:184px; float:left; margin-top:20px;}
.right-rail{float:right;}
.main-content{float:left; margin-top:20px;}

.layout2 .right-rail{display:none;}
.layout3 .main-content{width:582px;}
.layout-2column .right-rail{width:264px;}
.layout-2column .right-rail h2{ font-size:18px;}
.layout-2column .main-content{width:686px;}

.left-rail .nav{font-size:14px; line-height:22px; padding:0 5px 10px;}
.left-rail .nav .selected{color:#000; font-weight:bold;}

.left { float:left;}
.loadingOuter { position:relative; display:inline;}
.loadingOuter .loadingImg { position:absolute; left:10px; top:0px;}

.filters{border-top:1px solid #999;}
.filters .header{background:#f7f7f7; font-size:14px; padding:8px 5px; position:relative;}
.filters .bd{display:none;}
.filters.on .bd{display:block;}
.switch{display:block; background:#eee; color:#999; padding:2px 6px; float:left; font-weight:bold; cursor:pointer;}

.searchResultHeader {font-size:14px; line-height:1.5em; font-weight:bold;}

.filters .header .switch{position:absolute; right:5px; top:8px;}
.filters .controls{font-size:11px; margin:5px;}
.filters .select-all{padding-right:8px; border-right:1px solid #ccc; margin-right:5px;}
.filters ul{font-size:12px; margin:5px;}
.filters ul.long-list{ overflow-y:auto; max-height:200px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.filters li{padding:5px 0;}
.filters input{margin-right:5px;}

.project-sub-class {padding:0 0 0 8px;}
.long-list2 { overflow-y:auto; max-height:250px; }

.filters table{border:none; font-size:11px; color:#000;}
.filters table td{border:none; color:#000;}
.filters table.project-sub-class { margin:0 0 0 5px;}

.filters select{margin:10px 5px; display:block; width:175px;}
.filters .date-range {margin:0 5px;}
.filters .date-range .start, .date-range .end{width:80px; float:left; font-size:9px;}

.filters .date-range label{padding-bottom:2px;}
.filters .date-range input{float:left; margin:0; background:url(http://thegrid.itsonthegrid.com/resource/1315212059000/NewResource/res/pic/cal.png) 65px 50% no-repeat; line-height:18px;}

.filters .date-range .end{float:right;}

.filters .activity-type {margin:10px 5px;}
.filters .activity-type label{display:block; padding:5px 0;}
.filters .activity-type .notblock label{display:inline; padding:5px 0;}

.filters .letter li{float:left;}
.filters .letter a {width:25px; padding:5px 0; display:block; text-transform:uppercase; text-align:center;}
.filters .letter a:hover{background:#f1f1f1;}

.main-content {margin-left:15px; width:780px;}
.matches{padding:0 5px 14px;}
.matches .match{ line-height:22px; font-size:13px;}

.result-txt, .sorting {float:left; width:185px; padding:5px; line-height:28px;}
.show-all {float:left; width:145px; padding:5px; line-height:28px; cursor:pointer; color:#06C;}
.show-all .switch {margin:5px; line-height:16px;}

.pagination{ width:200px; float:right; line-height:28px; position:relative; padding:5px 25px 5px 5px; text-align:right;}
.pagination img.loadingImg{ position:absolute; right:0px; top:8px;}
.pagination a{ line-height:20px; border:1px solid #ccc; padding:5px 10px; margin:0 10px;}
.pagination a.next {margin-right:0;}
.pagination a.prev {margin-left:0;}
.pagination input{width:27px; text-align:center; padding:4px 5px;}
.pagination span{padding:0 0 0 2px;}
.pagination span.button { background:none; border:none; padding:5px 10px; margin:0 10px; cursor:default;}


.result-controls.btm{border-top:2px solid #ccc;}

.result{border-top:2px solid #ccc; padding:20px 0 30px 30px; position:relative;}
.result .star{position:absolute; top:10px; left:0; }
.star{font-size:20px; padding:5px 2px; color:#f7f7f7; cursor:pointer;}
.star:hover{color:#faf5ad;}
.star.on{color:#FFF000;}
.star a{font-size:20px; padding:5px 2px; color:#f7f7f7; cursor:pointer;}
.star:hover a:hover{color:#faf5ad;}
.star.on a{color:#FFF000;}
.star.on a:focus, .star.on a:active, .star a:focus, .star a:active  {
    outline: 0;
}


.rating {border:1px solid #cc0000; color:#cc0000; font-size:17px; font-weight:bold; float:left; padding:2px; position:relative;}
.rating .rating-bar{background:#ffc8c8; height:3px; position:absolute; bottom:0; left:0; width:100%;}
.rating .rating-bar span {background:#cc0000; height:3px; display:block;}

.title{font-weight:bold; font-size:16px; float:left; margin: 5px 15px 0 10px; width:300px;}
.title .genre{font-size:12px; color:#666; display:block; font-weight:normal; margin-top:5px;}
.status span{color:#fff; background:#000; padding:2px; line-height:22px; border:2px solid #fff;}
.result .status,
.result .companies {width:174px; float:left;}
.result .companies{float:right;}

.details {border-top:1px solid #ccc; position:relative; margin-top:15px; padding:5px; color:#666;}
.details .last-updated{float:right; width:174px; line-height:24px;}
.details .logline {float:left; margin-left:10px; width:515px; line-height:24px;}
.details .logline span{margin-right:5px; font-weight:bold;}
.details .logline div{ width:500px;}
.details .exec, .details .producer, .details .notes{display:none;}
.details .notes input{width:400px; line-height:15px;}
.details.note {background:url(http://thegrid.itsonthegrid.com/resource/1315212059000/NewResource/res/pic/note-icon.png) 98% 5px no-repeat;}
.details .notes .loadingCon span {display:inline;}
.loadingCon { position:relative; float:right; margin:0px; padding:0px;}

.details p {margin:10px 0;}
.details p span{display:block; margin:5px 0;}
.details .header{border-top:1px solid #ccc; padding-top:10px;}
.details .first{padding:0; border:0;}

.details.on{ background:#eee; border:0;}
.details.on .switch{background:#fff;}

.details.on .logline,
.details.on .exec,
.details.on .producer,
.details.on .notes{display:block; float:none; clear:both; padding:5px; background:#f9f9f9; width:auto; margin:0; border-bottom:1px solid #eee;}
.details.on .logline span,
.details.on .exec span,
.details.on .producer span,
.details.on .notes span{width:140px; font-weight:bold; text-align:right; display:block; float:left; padding:5px;}

.details.on .logline div,
.details.on .exec div,
.details.on .producer div,
.details.on .notes div{float:left; margin-left:15px; padding:5px;}
.details.on .notes div.loadingCon {float:right; margin:0px; padding:0px; position:relative;}
.details.on .notes div.loadingCon span {display:inline; width:0px; position:absolute;}
.details.on .notes div.loadingCon img.loadingImg { position:absolute; left:10px;}


#ft {border-top:4px solid #000; height:20px; padding:15px 5px 30px; margin:60px auto 35px auto;}
#ft a{color:#ccc;}
#ft .main, #ft .supplimental{ float:left;}
#ft .main{width:174px; margin-right:15px;}
#ft .main a {font-weight:bold; line-height:25px;}

#ft .supplimental ul {display:block;}
#ft .supplimental li{float:left; border-left:1px solid #ccc; padding:0 5px; margin:5px 5px 5px 0;}
#ft .supplimental li.first{border:0; margin:5px 0;}
#ft .supplimental a{color:#666;}

#ft .copy{float:right; color:#ccc;}


/*  Profile Page    */
.content-header .favorite{font-size:12px; color:#999; float:left; vertical-align:middle;}
.project-status{float:right; margin-top:10px; color:#666;}
.project-status strong{font-weight:normal; color:#333; margin-left:15px;}

.power-score{color:#d75f29;}
.power-score .number{font-size:36px; font-weight:bold; float:left; line-height:30px;}
.power-score .header{font-size:15px; float:left; margin-left:5px;}
.power-score .info{color:#999; font-size:10px; display:block;}

.details{color:#666;}
.details .header{font-weight:bold; font-size:15px; color:#333; margin-top:10px;}
.details strong{font-weight:bold; font-size:12px; display:block; margin-top:15px; color:#333;}


.profile h1 {font-size:36px; line-height:36px; margin:0 0 10px 2px;}
.profile h1 span{ font-size:12px; color:#999; font-weight:normal; display:block;}
.profile div.status span{padding:5px; margin-right:2px;}


.profile .module {margin-top:25px; border-top:1px solid #ccc; color:#666; line-height:20px;}
.profile .module .header{font-weight:bold; font-size:17px; margin:10px 5px; color:#333;}
.profile .module p,
.profile .module ul{margin:5px;}
.profile .module table{ width:100%; font-size:12px;}

.profile td a{font-weight:bold;}
.my-notes textarea{background:transparent; border:0; margin: 12px 10px;}
.my-notes textarea.on{background:#fff;}

.social iframe{ margin-bottom:10px;}
.my-notes{background:#ffffcc; border:1px solid #ffeb3e; border-top:1px solid #999; margin-top:20px;}
.my-notes .header{color:#333; font-size:15px; font-weight:bold; margin:12px 10px;}
.my-notes textarea{background:transparent; border:0; font-size:12px; margin:0 10px 10px; color:#999; line-height:18px; height:100px;}

.right-content-block {width:252px;margin:15px 0 0 0; padding:10px 6px; border-top:1px dashed #ddd;}
.right-content-block h3 { font-size:24px;}
.right-content-block a{ font-size:14px; margin-left:10px;}

.layout-2column .main-content { color:#666;}
.layout-2column .main-content p { margin:10px 0;}
.layout-2column .main-content strong { color:#000;}
.layout-2column .main-content ol { margin:0 10px;}
.layout-2column .main-content ol li { margin:4px 0;}
.layout-2column .main-content ul { list-style:disc; margin:0 10px 0 15px; padding:0 0 0 25px;}
.layout-2column .main-content ul li { margin:4px 0;}
.layout-2column .main-content h1, .layout-2column .main-content h2, .layout-2column .main-content h3, .layout-2column .main-content h4, .layout-2column .main-content h5 { color:#000;}
.layout-2column .main-content h2 { font-size:20px; margin:10px 0 5px 0;}

.orange-text {color:#C30;}

.logintable {margin:25px 0 0 0;}
.logintable td {width:auto; border:none;}
a.loginBtn { display:block; width:120px; height:30px; background:#bbb; margin:25px 0 30px 180px; line-height:30px; text-align:center; font-size:18px; font-weight:bold;}
.loginInfoA {margin:10px 0 0 95px;}

.register-table {margin:25px 0 0 0; font-size:11px; line-height:16px;}
.register-table td {width:auto; border:none;}

.registerInfo {padding:0 0 5px 15px; border-bottom:1px dotted #666;}

.dateFormat {display:none;}

.regTable {width:80%;}
.regTable tr td {width:auto;}

.iotgTableTitleH3 {position:relative; line-height:20px; width:auto; float:left;}
.iotgTableTitleH3 img.loadingImg {position:absolute; width:20px; height:20px; right:-25px; top:0px;}

table.iotgTable { border-collapse:collapse; width:100%;}
table.iotgTable td { border:1px solid #fff; background:#f5f5f5; padding:4px 5px;}
table.iotgTable td.rowName { font-weight:bold;}
table.iotgTable th { border:1px solid #fff; background:#000; padding:4px 5px; color:#fff; font-weight:bold; line-height:20px; position:relative;}
table.iotgTable th.thLink { cursor:pointer;}


/*Home page*/
.homepage .main-content{width:100%; margin:20px 0px;}
.homepage .content-header h3{font-size:20px; color:#FFEB7F;}
.homepage .listBox1 {float:left;}
.homepage .listBox2 {float:right;}
.homepage table{width:475px;} 
.homepage table a, td{font-size:12px;}
.homepage td.spec {width:300px;}
.homepage .header{font-weight:bold; color:#333; font-size:17px; padding:8px 5px; position:relative;}
.homepage .header .viewall{float:right; font-size:11px;}
.homepage .content-header{color:#fff; padding:20px 134px 30px 550px; background:url(http://thegrid.itsonthegrid.com/resource/1315212059000/NewResource/res/pic/featureHome.png) 200px -30px no-repeat; background-color:#000; }
.homepage .content-header .img {float:left;}
.homepage .content-header li {margin-left:20px; padding:5px 0px; list-style-type:disc;}
.homepage .call-to-action {margin:15px 0;}
.homepage .call-to-action .button2 {padding:5px 10px; border:1px solid #6a9600; margin-right:10px; color:#fff;
	 background: -webkit-gradient(linear, left top, left bottom, from(#8cc700), to(#6a9600));
	 background: -moz-linear-gradient(top,  #8cc700,  #6a9600);background-color:#6a9600;
}
.homepage #hd .login{padding-top:4px;}
.homepage #hd .login input{color:#666; margin:0px 3px;}
.homepage #hd .login .button{margin:4px 4px 2px 0; padding:4px 10px;}
.homepage #featTag{display:block; margin:10px 0; color:#7AABD3;}