/* Site Info Page Properties ---------------------------------------- content-siteinfo-properties.css */
/* ( properties of individual Site Info page ) */

@import url(content-ovginfo-properties.css);

#frame-Margin {z-index:8}


/* BG Images */
form#rate-comment,
form#rate-comment a.button,
a#bookmark-share {background-image:url(http://cdn.static.ovimg.com/img/gui-siteInfo-BG.png); background-repeat:no-repeat;}

/* Menu - Additional ---------- */
ol#menu-Category {top:0; margin-bottom:0;}

/* Site Info Frame ---------- */
#frame-siteInfo {
width:420px; height:225px;
position:absolute;
top:15px; left:20px;
}

a.siteLogo,
p.siteDescription,
h3.siteName {
width:250px;
}

p.siteDescription {max-height:none} /* override default */

h3.siteName {font-size:.85em}

/* ----- Comments & Site Searches */
#frame-siteInfo ol.siteSearches {display:none}
#frame-siteInfo dl.siteComments {display:none}
#frame-siteInfo ol.menu-contentPage {display:none}

/* ----- Site Stats Elements */
p.siteCategory {
width:125px;
position:absolute;
right:0; bottom:40px;
}

p.category {
font-size:.70em;
margin-top:.75em;
}

p.category em {display:block}

ul.siteStats {
border-top:0; margin-top:0; /* override default */
border-left:1px solid;
width:125px;
position:absolute;
right:0; top:0;
padding-left:10px;
}

/* Menu - Content Paging ---------- */
ol#menu-contentSort {top:265px}

ol#menu-contentSort li {width:160px}
ol#menu-contentSort li#link01 {width:275px}

/* menu-contentPage */ #pageFoot {
width:95%;
position:static;
margin-top:20px;
}

/* Site Info Content ---------- */
.content-columnLeft, .content-columnRight {top:310px;}
.content-columnLeft {margin-bottom:310px}


/* Site Comments Elements ---------- */
dl.siteComments {
font-size:.75em;
}

dl.siteComments h3,
dl.siteComments h4 {display:none;}

dl.siteComments dt {
height:20px;
margin-top:.5em;
padding:.5em .5em 0 30px; /* dimensions of icon */
background-position:-70px -292px;
}

dl.siteComments dt em {
display:inline;
margin-left:5px;
font-size:90%;
}

dl.siteComments dd {
padding:.25em 1em 1em 2.5em;

max-height:none;
}

dl.siteComments p.action {
margin:.5em 0 0 1em;
font-size:90%;
}

/* Site Searches Elements ---------- */
ol.siteSearches {
margin-top:0; border:0; /* override default */
font-size:.75em;
}

ol.siteSearches h3, 
ol.siteSearches h4 {
height:25px;
padding-left:25px; /* dimensions of image */
background-position:-73px -325px;
font-size:120%;
}

ol.siteSearches li {
height:18px;
margin:.25em 0 0 25px;
padding:2px 5px 3px 5px;
}


/* ----- Rate / Comment Form */
#form-rateComment {
width:420px; min-height:40px; /* height determined by child */
position:relative; /* allows absolute positioning of child elements */
}

form#rate-comment {
position:relative; /* allows absolute positioning of child elements */
height:295px;
background-position:0 -40px;
overflow:hidden;
} 

form#rate-comment legend {
font-size:.85em;
color:#FF784B;
}

form#rate-comment fieldset {position:absolute}

fieldset#formData-rating ol {margin-top:.75em}
fieldset#formData-comment ol {margin-top:.25em}

fieldset#formData-rating li {height:20px}

fieldset#formData-rating {
width:100px;
top:10px; left:15px;
}

#formData-rating li#data-value00 {background-position:25px -300px}
#formData-rating li#data-value01 {background-position:25px -325px}
#formData-rating li#data-value02 {background-position:25px -350px}
#formData-rating li#data-value03 {background-position:25px -375px}
#formData-rating li#data-value04 {background-position:25px -400px} 
#formData-rating li#data-value05 {background-position:25px -425px}

fieldset#formData-comment {
width:260px;
top:10px; right:20px;
}

li#data-userComment {margin-top:.25em;}
li#data-userComment textarea {min-height:60px; height:50px;}

fieldset#formData-verify {
width:385px;
left:15px; top:145px;
}

form#rate-comment input.button-submit {right:20px; bottom:35px;}

form#rate-comment a.button {
width:190px; height:40px;
right:0; top:0;
background-position:-232px 0;
text-indent:-1000px; /* hides text */
}

form#rate-comment a.button:hover {background-position:-235px 0}


/* ----- Expanded / Contracted */ 
.contracted form#rate-comment {
height:40px;
background:0;
}
.expanded form#rate-comment {
height:295px;
background-position:0 -40px;
}

.contracted form#rate-comment fieldset {display:none}
.expanded form#rate-comment fieldset {display:block}

.contracted form#rate-comment a.button {
width:190px; height:40px;
right:0; top:0;
background-position:-232px 0;
}
.contracted form#rate-comment a.button:hover {background-position:-235px 0}

.expanded form#rate-comment a.button {
width:15px; height:15px;
right:10px; top:10px;
background-position:-395px -50px;
}

/* Share a Site Form ---------- */
fieldset#formData-userInfo,
fieldset#formData-messageText {
margin-top:.5em
}

a#bookmark-share {
width:350px; height:40px;
margin-top:25px;
text-indent:-1000px; /* hides text */
background-position:0 -335px;
}