/* POPUP BOXES FOR SMOOTHBOX */
html, body {
min-height: 100%;
height: auto !important;
height: 100%
font-family: "Trebuchet MS", tahoma, arial, serif;
}
div, td {
font-family: "Trebuchet MS", tahoma, arial, serif;
}
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}
#TB_window a:link { color: #336699; text-decoration: none; }
#TB_window a:visited { color: #336699; text-decoration: none; }
#TB_window a:hover { color: #3399FF; text-decoration: underline; }
#TB_window a:active { color: #3399FF; text-decoration: underline; }
#TB_window a:focus { color: #336699; text-decoration: none; }
#TB_overlay {
position: absolute;
z-index:100;
top: 0px;
left: 0px;
background-color:#000;
}
#TB_window {
position: absolute;
background: transparent;
z-index: 102;
color:#424143;
text-align:left;
}
#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:13px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow{
text-align:right;
position: relative;
left: 15px;
font-size: 9pt;
bottom: 27px;
}
#TB_ajaxWindowTitle{
float:left;
padding:35px 0 5px 0px;
margin-bottom:1px;
font-size: large;
width: 100%;
}
#TB_row_title{
clear:both;
}
#TB_row_title a {
margin: 0;
padding: 0;
border: 0;
position: absolute;
top: 31px;
right: 63px;
text-decoration: none;
}
#TB_row_title a:hover {
text-decoration: none;
}
#TB_title_left{
background-image: url("/images/learnsocially/updates/topleft.png");
background-repeat: no-repeat;
background-position: 0 100%;
background-color: transparent;
}
#TB_title{
background-image: url("/images/learnsocially/updates/Topbar.png");
background-repeat: repeat-x;
background-color: transparent;
height:62px;
font-weight: bold;
font-size: 9pt;
font-family: tahoma, arial, serif;
margin-left: 34px;
margin-right: 50px;
}
#TB_title_right{
background-image: url("/images/learnsocially/updates/topright.png");
background-position: top right;
background-color: transparent;
background-repeat: no-repeat;
}
#TB_content_left{
background-image: url("/images/learnsocially/updates/leftbody.png");
background-repeat: repeat-y;
background-color: transparent;
}
#TB_ajaxContent{
background-color: white;
padding:2px 15px 10px 15px;
overflow:visible;
text-align:left;
line-height:1.4em;
margin-left: 17px;
margin-right: 18px;
}
#TB_ajaxContent textarea{
width: 100%;
}
#TB_content_right{
background-image: url("/images/learnsocially/updates/rightbody.png");
background-repeat: repeat-y;
background-color: transparent;
background-position: 100% 0;
}
#TB_footer_left{
background-image: url("/images/learnsocially/updates/bottomleft.png");
background-repeat: no-repeat;
background-position: bottom left;
background-color: transparent;
height: 33px;
}
#TB_footer_right{
background-image: url("/images/learnsocially/updates/bottomright.png");
background-repeat: no-repeat;
background-position: bottom right;
background-color: transparent;
height: 33px;
}
#TB_footer{
clear: both;
background-image: url("/images/learnsocially/updates/bottombar.png");
background-position: left bottom;
background-repeat: repeat-x;
background-color: transparent;
height: 33px;
margin-left: 30px;
margin-right: 35px;
}
#TB_load{
position: absolute;
display:none;
/* height:100px; */
width:100px;
z-index:101;
}
#TB_HideSelect{
z-index:99;
position:absolute;
top: 0;
left: 0;
background-color:#fff;
border:none;
}
#TB_iframeContent{
background-color: white;
padding:2px 15px 0px 15px;
overflow:visible;
text-align:left;
line-height:1.4em;
margin-left: 17px;
margin-right: 18px;
}
td.form2 input{
width: 100%;
}
td.form2 textarea{
width: 100%;
}
/* IE6 */
* html #TB_iframeContent{
margin-bottom:1px;
}
/* TOOL TIPS */
.tip {
color: #fff;
width: 220px;
z-index: 13000;
padding: 3px;
border: 1px solid #CCCCCC;
background: #fffeeb;
text-align: left;
font-size: 11px;
padding: 4px 8px 8px;
display:none;
}
.tip-text {
display: none;
}
.tip-top {
font-weight: bold;
font-size: 11px;
margin: 0;
color: #9FD4FF;
padding: 8px 8px 4px;
}
.tip-bottom {
}
.Tips1 {
vertical-align: middle;
}
/* AUTOSUGGEST DIV */
div.autosuggest
{
position: absolute;
background-image: url(/images/as_pointer.gif);
background-position: top;
background-repeat: no-repeat;
padding: 10px 0 0 0;
font-family: Lucida Grande, Arial, sans-serif;
font-size: 10px;
}
div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
position: relative;
height: 6px;
padding: 0 6px;
background-image: url(/images/ul_corner_tr.gif);
background-position: top right;
background-repeat: no-repeat;
overflow: hidden;
}
div.autosuggest div.as_footer
{
background-image: url(/images/ul_corner_br.gif);
}
div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
position: absolute;
top: 0;
left: 0;
height: 6px;
width: 6px;
background-image: url(/images/ul_corner_tl.gif);
background-position: top left;
background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner
{
background-image: url(/images/ul_corner_bl.gif);
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
height: 6px;
overflow: hidden;
background-color: #333;
}
div.autosuggest ul
{
list-style: none;
margin: 0 0 -4px 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
div.autosuggest ul li
{
color: #ccc;
padding: 0;
margin: 0 4px 4px;
text-align: left;
}
div.autosuggest ul li a
{
color: #ccc;
display: block;
text-decoration: none;
background-color: transparent;
text-shadow: #000 0px 0px 5px;
position: relative;
padding: 0;
width: 100%;
}
div.autosuggest ul li a:hover
{
background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
background-color: #1B5CCD;
}
div.autosuggest ul li a span
{
display: block;
padding: 3px 6px;
font-weight: bold;
}
div.autosuggest ul li a span small
{
font-weight: normal;
color: #999;
}
div.autosuggest ul li.as_highlight a span small
{
color: #ccc;
}
div.autosuggest ul li.as_highlight a
{
color: #fff;
background-color: #1B5CCD;
background-image: url(/images/hl_corner_br.gif);
background-position: bottom right;
background-repeat: no-repeat;
}
div.autosuggest ul li.as_highlight a span
{
background-image: url(/images/hl_corner_bl.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
background-image: transparent;
background-repeat: no-repeat;
width: 6px;
height: 6px;
position: absolute;
top: 0;
padding: 0;
margin: 0;
}
div.autosuggest ul li a .tr
{
right: 0;
}
div.autosuggest ul li.as_highlight a .tl
{
left: 0;
background-image: url(/images/hl_corner_tl.gif);
background-position: bottom left;
}
div.autosuggest ul li.as_highlight a .tr
{
right: 0;
background-image: url(/images/hl_corner_tr.gif);
background-position: bottom right;
}
div.autosuggest ul li.as_warning
{
font-weight: bold;
text-align: center;
}
div.autosuggest ul em
{
font-style: normal;
color: #6EADE7;
}
div.autosuggest img
{
vertical-align: middle;
margin-right: 5px;
}
/* UPLOADER CLASSES */
input.fallback_status {
border: none;
background: none;
font-weight: bold;
font-family: verdana, arial, serif;
font-size: 8pt;
color: #333333;
padding: 3px;
height: 22px;
vertical-align: middle;
}
#uploader {
background-color: #FFFFFF;
padding: 10px 15px;
width: 430px;
border: 1px solid #CCCCCC;
}
#uploader .progress {
background: #FFFFFF url(/images/uploader_progress.gif) no-repeat;
background-position: +50% 0;
margin-right: 0.5em;
}
#fileList {
margin: 0px;
list-style: none;
width: 420px;
margin-top: 0px;
padding: 0px;
}
#fileList li.file {
margin-top: 5px;
border-top: 1px solid #EEEEEE;
background: url(/images/uploader_file.png) no-repeat 4px 4px;
}
#fileList li.file.file-uploading {
background-image: url(/images/uploader_uploading.png);
background-color: #D9DDE9;
}
#fileList li.file.file-success {
background-image: url(/images/uploader_success.png);
}
#fileList li.file.file-failed {
background-image: url(/images/uploader_failed.png);
}
#fileList li.file .file-name {
font-size: 1.2em;
margin-left: 44px;
display: block;
clear: left;
line-height: 40px;
height: 40px;
font-weight: bold;
}
#fileList li.file .file-size {
font-size: 0.9em;
line-height: 18px;
float: right;
margin-top: 2px;
margin-right: 6px;
}
#fileList li.file .file-info {
display: block;
margin-left: 10px;
font-size: 0.9em;
line-height: 20px;
clear
}
#fileList li.file .file-remove {
clear: right;
float: right;
line-height: 18px;
margin-right: 6px;
margin-top: 4px;
}