@import "blockLinks.css";
@import "cg_mainNav.css";
@import "vS.css";
@import "vSTabNav.css";
@import "vSDialog.css";

/* Global styles */
body{margin:0px; padding:0px; color:#000000; cursor:default; font:normal 11px Arial, Helvetica, sans-serif; background:#FFFFFF url(../cg_img/newbg.gif) top center repeat-x;}
.floatLeft{float:left;}
.floarRight{float:right;}
.clear{clear:both;}
.dottedUnderline{background:url(../images/linkunderline.gif) left bottom repeat-x;}

h1, h2, h3{font:bold 21px Arial, Helvetica, sans-serif; margin:0px 0px 5px 0px; padding:0px;}
h2{font-size:17px;}
h3{font-size:15px;}

/* Global layout styles */
#page{width:760px; margin:0px auto 10px auto; border-top:1px solid #18aed1;}
body.wide #page{width:960px;}
.hidden{position:absolute; top:-10000px; left:-10000px; width:0px; height:0px; overflow:hidden;}
.none{display:none;}
a[target=_blank], a[target=_new]{padding-right:16px; background:url(../images/ui.icon.externalLink.gif) no-repeat right center;}

/* Set global viewport width */
#adHolder, #headerHolder, #menuHolder, #breadcrumbHolder, #contentHolder, #footerHolder{width:750px; margin:0 auto;}
body.wide #adHolder, body.wide #headerHolder, body.wide #menuHolder, body.wide #breadcrumbHolder, body.wide #contentHolder, body.wide #footerHolder{width:950px; margin:0 auto;}


/* Banner ad holder and header */
#adHolder{text-align:center;}
#adHolder, #headerBar{padding:5px 0px 5px 0px;}
#headerBar{background-color:#FFFFFF;}
#headerHolder{height:55px;}
#gNav{color:#666666; padding:7px 5px 0px 0px;}

/* Header Logo */
#logo{background:url(../cg_img/logoCasero.png) no-repeat center center; position:relative; float:left;}
#logo, #logo a:link, #logo a:visited, #logo a:active{width:190px; height:50px;}
#logo a:link, #logo a:visited, #logo a:active{display:block; text-decoration:none;}
#logo a:hover{background-color:#FFFFFF; opacity:0.25; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);}
#logo a h1{position:absolute; width:0px; height:0px; overflow:hidden;}

/* Breadcrumbs */
ul#breadcrumbs{display:block; border-bottom:1px solid #cccccc; margin:0px; padding:5px 0px; clear:both; height:15px;}
ul#breadcrumbs li{float:left; display:block; margin-right:5px; padding-left:10px; background:url(../images/ui.icon.moreLeft.gif) no-repeat -3px center;}
ul#breadcrumbs li:first-child{background:none; padding-left:0px;}
ul#breadcrumbs li a:link, ul#breadcrumbs li a:visited, ul#breadcrumbs li a:active{text-decoration:none; background:url(../images/linkunderline.gif) repeat-x left bottom;}
ul#breadcrumbs li a:hover{background:url(../images/linkunderline.hover.gif) repeat-x left bottom;}

/* Promo area */
#promo{border:1px solid #cccccc; height:180px;}

/*Sub boxes*/
.subBox{width:240px; float:left; margin:5px 5px 0px 0px; border:1px solid #cccccc;}
.lastBox{margin-right:0px; width:241px;}
.subBox .subBoxTitle{font-weight:bold; padding:3px; background-color:#b2daeb; display:block;}
.subBox .thumbnailGrid{padding:5px;}

body.wide .mColumn .subBox{width:340px; float:left; margin:5px 5px 0px 0px; border:1px solid #cccccc;}
body.wide .mColumn .lastBox{margin-right:0px; width:341px;}

/* Login box */
#login{width:250px; border:1px solid #cccccc; margin-bottom:8px;}
#login strong{padding:3px; background-color:#b2daeb; display:block;}
#login form{padding:5px; margin:0px;}
#login label {display:block; font-weight:bold; height:21px; clear:both; position:relative;}
#login label input{font-size:10px; width:160px; position:absolute; right:0px;}
#login input.toolBtn{float:right; margin:0px; border:1px solid #CCCCCC;}

/* Search box */
#search{width:250px; border:1px solid #cccccc; margin-bottom:8px;}
#search strong{padding:3px; background-color:#b2daeb; display:block;}
#search form{padding:5px; margin:0px;}
#search label {font-weight:bold;}
#search input#searchterms{float:left; font-size:10px; width:200px; height:16px;}
#search input.toolBtn{float:left; margin:0px; border:1px solid #CCCCCC;}

/*Styled form*/
.rf{width:400px; margin:0 auto; font-size:115%; background-color:#F9F9F9; padding:10px;}
.rf label{color:#000000; display: block; clear:both; position:relative; height:25px; margin-bottom:5px; border-bottom:1px solid #EEEEEE;}
.rf label input, .rf label textarea, .rf label select, .rf label .rfvalue{position:absolute; right:0px; width:216px; color:inherit;}
.rf label.error {color:#FF0000;}
.rf label .rfvalue{overflow:hidden; height:1.3em; line-height:1.4em;}
.rf label .fileInput{width:220px;}
.rf label textarea{height:80px; font:normal 11px Arial, Helvetica, sans-serif;}
.rf label.textarea{height:100px;}
.rf label.captchaInput input{width:200px;}
.rf label.captcha {height:60px;}
.rf label.captcha img{width:200px; height:60px; position:absolute; right:0px;}
.rf div.signUpBtn{display:block; height:20px;}
.rf .toolBtn{float:right; margin:0px; border:1px solid #CCCCCC; font-weight:bold; width:120px;}
.rf .mugshot{float:left; padding:4px; border:1px solid #EEEEEE; background-color:#FFFFFF; margin:0px 5px 5px 0px;}

.rf fieldset{border:none;}

.rfError{color:#FF0000; margin-bottom:5px;}
.rfSuccess{color:#006600; margin-bottom:5px; padding:4px; border:1px solid #006600; background-color:#EFFCF1;}
.rf .rfError{padding:4px; border:1px solid #DDDDDD;}

.rf span.required{color:#FF0000;}

body.wide .rf{width:600px;}
body.wide .rf label input, body.wide .rf label textarea, .rf label select, body.wide .rf label .rfvalue{width:400px;}
body.wide .rf label .fileInput{width:404px;}
body.wide .rf label.captchaInput input{width:200px;}

.rfnarrow label input, .rfnarrow label textarea, .rfnarrow label select, .rfnarrow label .rfvalue{width:150px;}
.rfnarrow label .fileInput{width:154px;}
body.wide .rfnarrow label input, body.wide  .rfnarrow label textarea, body.wide  .rfnarrow label select, body.wide  .rfnarrow label .rfvalue{width:350px;}
body.wide .rfnarrow label .fileInput{width:354px;}

/* Main Content Area */
#contentHolder{}
.mColumns .lColumn, .mColumns .rColumn, .lmColumns .rColumn, .mrColumns .lColumn{display:none;}

.lColumn{float:left; width:170px; padding:0px;}
.mColumn{float:left; padding:5px 0px 10px 0px;}
.rColumn{float:right; width:250px; padding:0px;}

.lmrColumns .mColumn{width:410px; margin:0px;}
.lmColumns .mColumn{width:490px; margin:0px; padding-right:5px;}
.mrColumns .mColumn{width:490px; margin:0px; padding-right:5px;}
.mColumns .mColumn{width:750px; margin:0px; padding:0px;}

body.wide .lmrColumns .mColumn{width:610px; margin:0px;}
body.wide .lmColumns .mColumn{width:690px; margin:0px;}
body.wide .mrColumns .mColumn{width:690px; margin:0px;}
body.wide .mColumns .mColumn{width:950px; margin:0px; padding:0px;}

.mrColumns .stupidM{width:470px;}
body.wide .mrColumns .stupidM{width:670px;}

/*Contextual navs*/
.contextualLinks li, * html .contextualLinks li a{width:250px; _width:245px; background-color:#EBF4FA;}
.contextualLinks li{margin: 0px;}
.contextualLinks li a{color:#000099; text-decoration:none; padding:5px 0px 5px 5px; background:url(../images/linkunderline.gif) repeat-x left bottom;}
.contextualLinks li a:hover{text-decoration:underline; background-color:#F4F4F4;}
.supportingLinks li, * html .supportingLinks li a{background-color:#FFFFFF;}

/* Footer */
#footerBar{clear:both; padding-top:5px;}
.footerHolder {border-top:1px solid #cccccc; padding:5px 0px 0px 0px; height:100px;}
.footerHolder .footerLinks{float:left;}
.footerHolder .copyright{float:right;}


/* Thumbnail Grid */
.thumbnailGrid{margin:10px auto; clear:both;}
.thumb-grid {float:left; margin:0px 8px 10px 0px; position:relative; left:0px; top:0px;}
.thumb-grid img.thumb-item{width:75px; height:75px; margin:5px 5px 0px 5px; border:none;}
.thumb-grid a.cover {background-color:#F9F9F9; border:1px solid #c3c3c3; float:left;position:relative; width:85px; height:85px;}
.thumb-grid a.cover img.folder{position:absolute; border:none; bottom:2px; right:2px; opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}

.thumb-grid a.loading img.folder{opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
.thumb-grid a.loading {background:#F9F9F9 url(../images/loading.gif) no-repeat center center;}
.thumb-grid a.loading img.thumb-item{display:none;}

.thumb-grid a.cover:link, .thumb-grid a.cover:active, .thumb-grid a.cover:visited{color:#666666; text-decoration:none;}
.thumb-grid a.cover:hover{color:#000000; border-color:#18AED1; background-color:#FFFFFF;}
.thumb-grid a.cover img.thumb-item{opacity:0.75; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);}
.thumb-grid a.cover:hover img{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.thumb-grid a.cover:hover img.folder{opacity:0.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}

.thumb-grid label{display:block; height:1.5em; width:80px; overflow:hidden; clear:both; white-space:nowrap;}

/*Setup dimensions for subbox thumbnails*/
.subBox .thumb-grid, .rColumn .subBox .thumb-grid{margin:0px 6px 10px 0px;}
.subBox img.thumb-item, .rColumn .subBox img.thumb-item{width:64px; height:64px; margin:2px;}
.subBox a.cover, .rColumn .subBox a.cover{width:68px; height:68px;}
.subBox label, .rColumn .subBox label{width:66px; margin-left:3px;}

body.wide .mColumn .subBox .thumb-grid{margin:0px 3px 10px 0px;}
body.wide .mColumn .subBox img.thumb-item{width:95px; height:95px; margin:5px 5px 0px 5px;}
body.wide .mColumn .subBox a.cover{width:105px; height:105px;}
body.wide .mColumn .subBox label{width:100px; margin-left:3px;}


.largeThumbs .thumb-grid{margin:0px 6px 15px 0px;}
.largeThumbs img.thumb-item{width:95px; height:95px;}
.largeThumbs a.cover{width:105px; height:105px;}
.largeThumbs label{width:100px;}

.hugeThumbs .thumb-grid{margin:0px 11px 20px 0px;}
.hugeThumbs img.thumb-item{width:120px; height:120px;}
.hugeThumbs a.cover{width:130px; height:130px;}
.hugeThumbs label{width:125px;}

.thumbList .thumb-grid{display:block; float:left; clear:both;}

.mColumns .thumb-gridz{margin:0px 6px 10px 0px;}
.mColumns .largeThumbs .thumb-grid{margin:0px 18px 10px 0px;}
.mColumns .hugeThumbs .thumb-grid{margin:0px 15px 10px 0px;}

body.wide .thumb-grid{margin:0px 9px 10px 0px;}
body.wide .mColumn .largeThumbs .thumb-grid{margin:0px 3px 10px 0px;}
body.wide .mColumn .hugeThumbs .thumb-grid{margin:0px 18px 20px 0px;}

body.wide .mColumns .thumb-grid{margin:0px 8px 10px 0px;}
body.wide .mColumns .largeThumbs .thumb-grid{margin:0px 11px 10px 0px;}
body.wide .mColumns .hugeThumbs .thumb-grid{margin:0px 26px 20px 0px;}

/* List Grid */
.listGrid{clear:both; position:relative; border:none; font-size:100%;}
.listGrid th, .listGrid td{padding:5px; border:none;}
.listGrid th{text-align:left; border-bottom:2px solid #cccccc;}
.listGrid td{vertical-align:top; border-bottom:1px solid #EEEEEE; position:relative;}
.listGrid .cCover{width:32px; padding:2px 5px 2px 2px;}
.listGrid .cCover img{width:32px; height:32px; border:none; display:block;}
.listGrid .cCover a {display:block;background-color:#F9F9F9; border:1px solid #c3c3c3;width:32px; height:32px; padding:3px;}
.listGrid .cCover a:hover{background-color:#FFFFFF;border-color:#18AED1;}
.listGrid .cCover a.loading{background:#F9F9F9 url(../images/ui.icon.loading.small.gif) no-repeat center center;}
.listGrid .cCover a.loading img{display:none;}
.listGrid .cDetail {padding:0px;}
.listGrid .cDetail a{font-weight:bold; top:0px;display:block; text-decoration:none; color:#666; padding:5px;}
.listGrid .cDetail a:hover{color:#000000; text-decoration:none;}
.listGrid .cDetail a em{font-weight:normal; color:#999; display:block; height:2.25em; line-height:1.1em; overflow:hidden; cursor:pointer; font-style:normal; margin-top:0.8em;}
.listGrid .cDetail a:hover em{color:#000000;}
* html .listGrid .cDetail a{width:auto; margin-right:0px;}
.listGrid .actions{width:15px; text-align:center;}
.listGrid .actions input.checkbox{display:block; width:14px; height:14px;}
.listGrid .actions a{text-decoration:none;}
.listGrid .actions a img{border:none;}

/* large thumbs */
.largeThumbs {font-size:110%;}
.hugeThumbs{font-size:125%;}

table.largeThumbs .cCover, table.largeThumbs .cCover a, table.largeThumbs .cCover a img{width:64px; height:64px;}
table.largeThumbs .cCover a.loading, table.hugeThumbs .cCover a.loading{background-image:url(../images/loading.gif);}
table.hugeThumbs .cCover, table.hugeThumbs .cCover a, table.hugeThumbs .cCover a img{width:95px; height:95px;}

table.largeThumbs .cDetail a em{height:4.45em;}
table.hugeThumbs .cDetail a em{height:5.55em;}

/* Toolbar */
.toolBar{clear:both; margin:0px; border-top:1px solid #EEEEEE; padding:2px 5px 2px 5px; height:25px; background:#f9f9f9 url(../images/ui.toolbarBg.gif) repeat-x bottom left;}
.toolBarNeutral{background:none; border:none; padding-left:0px; padding-right:0px; margin-top:5px;}
.toolBar span{float:left; padding-top:4px;}
.toolBar .buttonGroup{float:left; border:1px solid #cccccc; height:22px; margin-right:5px;}
.toolBar .rightGroup{float:right; margin-right:0px;}
input.toolBtn{padding:2px 5px 3px 5px; height:22px;}
.toolBtn{float:left; display:block; position:relative; font:normal 11px Arial, Helvetica, sans-serif; background:#dbf1f9 url(../images/ui.toolBtn.gif) repeat-x 0px -2px; border:none; border-left:1px solid #FFFFFF; border-right:1px solid #DDDDDD; text-decoration:none; color:#000066; padding:4px 5px 3px 5px;margin-right:0px; cursor:pointer;}
.toolBtn:hover, .toolBar .active{background:#dbf1f9 url(../images/ui.toolBtn.gif) repeat-x 0px -27px;}
.toolBar .disabled, .toolBar .disabled:hover{background-position:0px -52px; color:#666666; cursor:default;}
.toolBar .neutral{background:url(../images/ui.toolbarBg.gif) repeat-x 0px -54px; cursor:pointer; color:#000000;opacity:0.8;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
.toolBar .neutral:hover{background-position:0px -50px; cursor:pointer; color:#000000; opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.toolBar .delete, .deleteBtn{background-position:0px -77px; color:#FFFFFF;}
.toolBar .delete:hover, .deleteBtn:hover{background-position:0px -102px;}
.toolBar .first{border-left-width:0px;}
.toolBar .last{border-right-width:0px;}
/* Graphic icons */
.toolBar .combo {padding-right:17px;}
.toolBar .combo .selector {position:absolute; right:0px; top:0px; width:12px; height:16px; border-left:1px solid #cccccc; padding-top:5px; background:#FFFFFF url(../images/ui.icon.more.gif) no-repeat 0 6px; opacity:0.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
.toolBar .combo:hover .selector{opacity:0.75;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);}
.toolBar .combo:hover .selector:hover{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.toolBar .icon{width:16px; height:16px; padding:3px;}
.toolBar a.icon img{width:16px; height:16px; border:0px; vertical-align:middle;}
.toolBar .smallIcon, .toolBar a.smallIcon img{width:12px; height:12px; padding:5px 2px 2px 2px;}
.toolBar a.smallIcon img{padding:0px;}
.toolBar .checkbox{vertical-align:middle; margin:0px; padding:0px; height:14px; width:14px;}
.toolBar .pages .pageBtn{width:18px; padding-left:0px; padding-right:0px; text-align:center;}

/* Hover menu */
ul.comboSelectorHolder{margin:0px; padding:0px; border:none; position:relative; z-index:1998; left:0px; top:0px;}
ul.comboSelectorHolder li.comboSelector{list-style:none; border:none; position:relative; left:0px; top:0px;}
ul.comboSelectorHolder li.comboSelector ul.hover{position:absolute; width:0px; height:0px; overflow:hidden; border:none;}
ul.comboSelectorHolder li.comboActive ul.hover{border:1px solid #CCCCCC; width:160px; height:auto; overflow:visible; left:-1px; top:22px;}
ul.hover{z-index:1999;background-color:#F4F4F4; float:left; border:0px solid #CCCCCC; border-bottom-width:0px; opacity:100;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
ul.hover li, * html ul.hover li a{width:160px;}
ul.hover li {border-bottom: 1px dotted #999; border-width: 1px 0; margin:0;}
ul.hover li a {color: #990000; display: block; font: bold 100% Arial, Helvetica, sans-serif; padding: 5px; text-decoration: none;}
ul.hover li a:hover {background: #ffffcc;}
ul.hover a em {color: #333; display: block; font: normal 85% Verdana, Helvetica, sans-serif; line-height: 125%;}
ul.hover a span {color: #125F15; font: normal 70% Verdana, Helvetica, sans-serif; line-height: 150%;}

/* Album/Item details: Details Summary */
.detailSummary{border:1px solid #A2DDF0; background-color:#F7F9FB; margin:0px 0px 5px 0px; padding:5px;}
.detailSummary h2{display:block; margin:0px 50px 0px 0px; padding:0px 0px 0px 0px; height:1.3em; overflow:hidden; font-size:17px; clear:both;}
.editable{position:relative; clear:both;}
.sDet, .lDet{margin:0px 0px 5px 0px;}
.sDet {height:1.5em;}
.lDet {height:3em;}
.sTitle{display:block; float:left; width:100px; font-weight:bold;}
.sValue{display:block; float:left; padding:0px 50px 0px 0px;}
.expander{display:block; text-decoration:none; text-align:center; height:10px; background:#ECF2F4 url(../images/ui.icon.more.gif) no-repeat center 0px;}
.expander:hover{background-color:#FFFFFF;}
.expanded{background-image:url(../images/ui.icon.less.gif);}
.detailSummary hr{clear:both; height:1px;}

.ipe{position:absolute; top:0px; right:0px;}
.editBtn{float:left; height:20px; width:auto; display:block; padding-left:10px; background:url(../images/ui.det.editBtnBg.gif) no-repeat 0px -20px; text-decoration:none; color:#000066; cursor:pointer;}
.editBtn a{color:#666666; font-size:11px; font-weight:normal; height:20px; width:auto; background:url(../images/ui.det.editBtnBg.gif) no-repeat right top; padding:3px 7px 0px 0px; text-decoration:none;}
.editBtn a:hover{color:#000099;}

.ad250Holder{width:250px; height:250px; overflow:hidden; margin:5px 0px;}

/* View Groups */
#groupsGrid{clear:both;}
.group{background:url(../images/linkunderline.gif) left bottom repeat-x; min-height:115px; clear:both; height:145px;}
.groupAlt{background-color:#F8F8F8;}

.groupTitle{float:left; width:260px; padding-top:5px; overflow:hidden; height:1.2em; _height:2em; font-weight:bold;}
 body.wide .groupTitle{width:460px;}
.groupTitle a{color:#000000; text-decoration:underline;}
.groupTitle a:hover{color:#FF0000;}

.group .groupThumb{float:left; height:100px;}
.group .groupThumb img{padding:4px; border:1px solid #EEEEEE; margin:3px 10px 3px 3px;}

.group .groupDescription{width:360px; float:left; font-size:1em; height:6em; margin-bottom:1em; padding:7px 0px 5px 0px; overflow:hidden;}
 body.wide .group .groupDescription{width:550px;}
.group .groupLinks{float:left;}
.group .groupRating {float:right; color:#666666;}
.toolBar .groupRating{float:left;}
.toolBar .groupRating img{padding-top:3px;}

.groupPosts {border:none;}
.groupPosts th{text-align:left; font-weight:bold; border-bottom:2px solid #EEEEEE;}
.groupPosts .alt td{background-color:#F8F8F8;}