html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,b,strong,li,ol,ul,table,form,tbody,tr,th,td {
border: 0;
text-decoration: none;
margin: 0;
padding: 0;
}
html, body {
margin: 0 auto;
padding: 0;
}
html {
overflow-y: scroll;
}
body {
width: 100%;
height: 100%;
font-size: 12px;
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
color: #555;
background: none;
background-color: #fff;
}
a {
font-weight: 400;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #2d73d0;
outline: 0;
}
a:active {
outline: 0;
}
a:focus {
-moz-outline-style: none;
outline: 0;
}
a img,
:link img,
:visited img {
border: 0;
}
a:hover,
.under {
text-decoration: underline;
}
h1 {
font-size: 28px;
font-weight: normal;
font-family: Tahoma, Verdana, Trebuchet, Arial, Lucida Grande, Lucida Sans, Geneva, Helvetica, sans-serif;
color: #fff;
margin: 20px 0 10px 0;
/*text-shadow: -1px -1px 1px #494949;*/
}
h2 {
font-size: 20px;
font-family: Tahoma, Verdana, Trebuchet, Arial, Lucida Grande, Lucida Sans, Geneva, Helvetica, sans-serif;
font-weight: normal;
margin: 8px 0 0.5em 0;
color: #2d73d0;
}
h3 {
font-size: 16px;
font-family: Verdana, Trebuchet, Arial, Lucida Grande, Lucida Sans, Geneva, Helvetica, sans-serif;
font-weight: normal;
margin: 10px 0 30px 0;
line-height: 1.4em;
color: #ddd;
}
h4 {
font-size: 14px;
font-family: Verdana, Trebuchet, Arial, Lucida Grande, Lucida Sans, Geneva, Helvetica, sans-serif;
margin: 7px 0;
font-weight: bold;
}
p {
font-size: 14px;
font-family: Verdana, Trebuchet, Arial, Lucida Grande, Lucida Sans, Geneva, Helvetica, sans-serif;
margin: 0 0 18px 0;
}
h5 {
font-family: Verdana, Trebuchet, Arial, Lucida Grande, Lucida Sans, Geneva, Helvetica, sans-serif;
font-size: 14pt;
font-weight: 400;
margin: 0 0 10px;
}
ul, ol {
font-size: 14px;
font-family: Verdana, Trebuchet, Arial, Lucida Grande, Lucida Sans, Geneva, Helvetica, sans-serif;
margin: 0.5em 0 1em 2em;
padding: 0;
}
li {
margin: 0 0 0 20px;
}
.strong {
font-weight: 700;
}
.wrapper {
width: 980px;
margin: 0 auto;
}
.inner #header {
width: 980px;
height: 50px;
background: url(/img-001/head_foot_panel.gif) no-repeat bottom left;
}
.outer #header {
position: relative;
height: 90px;
background: url(/img-001/main_panel.png) no-repeat bottom left;
bottom: 0;
}
#logo {
float: left;
display: block;
}
.outer #logo {
margin: 5px 0 0 17px;
background: url(/img-001/logo_lrg.gif) no-repeat;
height: 69px;
width: 281px;
}
.inner #logo {
margin: 7px 0 0 20px;
background: url(/img-001/logo_sm.gif) no-repeat;
height: 28px;
width: 204px;
}
#header ul {
float: right;
margin: 19px 22px 0 0;
list-style: none;
}
.outer #header ul {
clear: both;
margin-top: 20px;
position: absolute;
top: 35px;
right: 0;
}
#header ul li {
float: left;
display: block;
margin-left: 20px;
}
#header ul li a {
color: #555;
font-weight: bold;
font-size: 12px;
/*text-shadow: 1px 1px 1px #fff;*/
}
#header ul li a:hover {
color: #2d73d0;
text-decoration: none;
}
#home_active .nav-home a,
#files_active .nav-files a,
#download_active .nav-down a,
#contact_active .nav-cont a,
#account_active .nav-account a,
#help_active .nav-help a,
#buy_active .nav-buy a,
#features_active .nav-features a,
#events_active .nav-events a,
#home_active .nav-home a:hover,
#files_active .nav-files a:hover,
#download_active .nav-down a:hover,
#contact_active .nav-cont a:hover,
#account_active .nav-account a:hover,
#help_active .nav-help a:hover,
#buy_active .nav-buy a:hover,
#features_active .nav-features a:hover,
#events_active .nav-events a:hover {
color: #2d73d0;
}
#footer {
width: 99%;
border-top: 1px #e0e0e0 solid;
overflow: hidden;
clear: both;
margin: 10px auto 0;
padding: 5px 0 30px;
}
.col_footer {
float: right;
width: 310px;
margin-right: 5px;
}
#footer p {
font-size: 11px;
color: #bbb;
float: left;
margin: 3px 15px 0 0;
}
#footer ul {
color: #bbb;
text-align: right;
margin: 0;
padding: 0;
}
#footer li {
display: inline;
font-size: 11px;
margin: 0;
padding: 0;
}
#footer li a {
color: #bbb;
}
#footer li a:hover {
color: #999;
}
#footer .lang_links a {
color: #999;
}
.error_max,
.warning_max{
color: #555;
background-color: #fef9c9;
border: 1px solid #e6cf00;
background-position: 6px 6px;
background-image: url(/img-001/information.png);
background-repeat: no-repeat;
text-align: left;
margin: 0 auto 10px;
padding: 8px 8px 8px 25px;
}
.warning_max {
color: #990033;
background-color: #ffeeee;
border: 1px solid #990033;
background-image: url(/img-001/warn.gif);
}

.info,
.error,
.success,
.event_cont {
	color: #555;
	background-color: #fef9c9;
	border: 1px solid #e6cf00;
	background-position: 6px 7px;
	background-image: url(/img-001/information.png);
	background-repeat: no-repeat;
	text-align: left;
	margin: 0 auto 10px;
	padding: 8px 8px 8px 25px;
}
.error {
	color: #990033;
	background-color: #ffeeee;
	border: 1px solid #990033;
	background-image: url(/img-001/error.png);
}
.success {
	color: #005F00;
	background-color: #DFFFDF;
	border: 1px solid #9FCF9F;
	background-image: url(/img-001/success.png);
}
.event_cont {
color: #555;
background-color: #F4FAFF;
border: 1px solid #AACCEE;
background-image: none;
padding: 8px;
}
.event_cont table,
#event_cont table{
border-collapse:collapse;
width:100%
}
#event_cont table td {
padding:2px 0 10px 0;
border-bottom:1px dashed #e0e0e0;
}
#event_cont tr#event_header td{
border-bottom:1px solid #e0e0e0;
padding:0;
}
.event_title p{
padding:0;
height:16px;
font-weight:bold;
margin:0;
}
.event_close p{
text-align:right;
padding:0;
margin:0;
}
.event_date p{
padding:1px 0 0 0;
margin:10px 0 0 0;
height:16px;
text-align:right;
}
.event_icon p{
padding:1px 0 0 20px;
min-height:16px;
margin:10px 0 0 0;
}
.event_icon p img{
height:60px;
width:60px;
margin:5px 5px 0 0;
padding:5px;
border:1px solid #e0e0e0;
}
.event_icon p img:hover{
border:1px solid #bbb;
}
.event_new_comment p{
background: url(/img-001/comment_add.png) no-repeat;
}
.event_edit_comment p{
background: url(/img-001/comment_edit.png) no-repeat;
}
.event_delete_comment p{
background: url(/img-001/comment_delete.png) no-repeat;
}
.event_new_account p{
background: url(/img-001/user_add.png) no-repeat;
}
.event_upload_file p{
background: url(/img-001/upload.png) no-repeat;
}
.event_new_folder p{
background: url(/img-001/folder_add.png) no-repeat;
}
.event_edit_folder p{
background: url(/img-001/folder_edit.png) no-repeat;
}
.event_edit_file p{
background: url(/img-001/page_edit.png) no-repeat;
}
.event_publish_folder p{
background:url("/img-001/icons_colour.gif") no-repeat;
background-position:0 -512px;
}
.event_unpublish_folder p{
background:url("/img-001/icons_colour.gif") no-repeat;
background-position:0 -544px;
}
.event_send_invite p{
background: url(/img-001/email_go.png) no-repeat;
}
.event_accept_invite p{
background: url(/img-001/folder_user.png) no-repeat;
}
.pointer {
cursor: pointer;
}
.spacer {
height: 50px;
clear: both;
}
.spacer100 {
height: 100px;
clear: both;
}
.spacer300 {
height: 250px;
clear: both;
}
.spacer500 {
height: 400px;
clear: both;
}
.message {
border: 1px solid #bbb;
background-color: #fafafa;
text-align: center;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0;
padding: 10px 0 8px;
}
.message img {
margin-right: 5px;
vertical-align: bottom;
}
.red {
color: red;
}
.fl {
float: left;
}
.cl {
clear: left;
}
.cb {
clear: both;
}
.align_r {
text-align: right;
}
.align_l {
text-align: left;
}
table#layout {
border-collapse: collapse;
width: 980px;
}
table#layout td {
vertical-align: top;
}
tr#bc_panel td {
background: url(/img-001/bc_bar.gif) top left no-repeat;
}
div#panel {
padding: 18px 10px 8px 20px;
position: relative;
}
#bc_panel td img {
margin: 2px 7px 0 0;
}
#bc_panel td p.title,
#files_files p.title {
font-size: 17px;
font-family: Tahoma, Verdana, Trebuchet, Arial, Lucida Grande, Lucida Sans, Geneva, Helvetica, sans-serif;
font-weight: normal;
color: #000;
margin: 0;
}
#files_files .files_section {
clear:left;
margin-bottom:5px;
}
#files_files #panel p.title,
#files_search #panel p.title {
margin: 0 0 17px 0;
padding-top: 10px;
}
#files_files .container p.title {
color: #000;
clear: left;
margin:0 0 10px 0;
}
#files_files div.separator {
border-top: 1px solid #bbb;
margin: -10px 0 20px 125px;
}
#bc_panel td p.desc {
font-size: 11px;
font-family: Verdana, Lucida Grande, Arial, Lucida Sans, Geneva, Helvetica, sans-serif;
font-weight: normal;
color: #555;
margin-bottom: 14px;
}
#bc_panel #bc,
#bc_panel #bc a {
color: #555;
}
#bc_panel #bc {
font-size: 11px;
font-family: Lucida Grande, Verdana, Arial, Lucida Sans, Geneva, Helvetica, sans-serif;
font-weight: normal;
width: 555px;
/*text-shadow: 1px 1px 1px #fff;*/
}
#login {
text-align: right;
width: 370px;
font-size: 11px;
padding: 1px 0 4px 4px;
color: #555;
position: absolute;
bottom: 5px;
right: 20px;
background: none;
/*text-shadow: 1px 1px 1px #fff;*/
}
.logged_in {
margin-top: 5px;
padding: 5px;
}
td#taskarea {
position: relative;
background: url(/img-001/left_shadow.gif) left top repeat-y;
width: 770px;
}
div#top_shadow {
margin-left: 4px;
height: 3px;
background: url(/img-001/top_shadow.gif) left top repeat-x;
}
.inner .container {
position: relative;
padding: 15px 18px 18px 22px;
min-height: 380px;
font-size: 11px;
}
.inner .container p {
font-size: 11px;
color: #555;
}
#sidebar1 {
width: 210px;
border-left: 1px solid #aaa;
background: url(/img-001/right_shadow.gif) right top repeat-y #EEEFF1;
}
div#top_shadow_sidebar {
margin-right: 6px;
height: 3px;
background: url(/img-001/top_shadow_sidebar.gif) left top repeat-x;
}
tr#footer_panel td{
background-image: url("/img-003/head_foot_panel.gif");
background-position: bottom left;
background-repeat:no-repeat;
}
tr#footer_panel p {
float: right;
font-size: 11px;
color: #555;
margin: 8px 20px 16px 0;
/*text-shadow: 1px 1px 1px #fff;*/
}
div#footer_panel_line {
margin: 0 5px;
border-top: 1px solid #aaa;
}
div.side_panel_header {
/*background: url(/img-001/side_panel_header2.gif) top left no-repeat;*/
width: 180px;
height: 1.5em;
margin: 15px 0 0 12px;
border-bottom:1px solid #ccc;
cursor:pointer;
}
div.side_panel_header h2 {
font-size: 11px;
font-weight: bold;
margin: 0;
/*color: #2d73d0;*/
color:#555;
/*text-shadow:1px 1px 1px #FFFFFF;*/
}
div.side_panel_body {
/*background: url(/img-001/side_panel.gif) top left no-repeat;*/
width: 180px;
padding-top: 5px;
margin: 0 0 0 12px;
overflow:hidden;
border-top:1px solid #fff;
}
div.side_panel_body a {
display: block;
font-size: 11px;
margin: 0;
padding: 2px 6px;
line-height: 1.8em;
border:1px solid #efefef;
color: #555;
}
div.side_panel_body a:hover {
color: #000;
background: transparent url(/img-001/2h30.png) repeat-x scroll 0 0;
text-decoration: none;
border:1px solid #dfdfdf;
}
div.side_panel_body .tag a {
padding:0;
line-height:1.5em;
border:none;	
}
div.side_panel_body .tag a:hover {
background: none;
border:none;
}
div.side_panel_body h3,
div.side_panel_body p {
font-size: 11px;
margin: 4px 0 0 0;
padding:0 0 4px 0;
line-height: 1.6em;
color: #555;
}
div.side_panel_body h3 {
font-weight: bold;
}
div.side_panel_body p {
border-bottom: 1px dashed #fff;
}
div.side_panel_body p.side_panel_last {
border-bottom: none;
}
div.side_panel_body p.panel_em {
margin-top: 10px;
font-style: italic;
}
div.side_panel_body p.side_panel_desc {
margin-top: 0;
font-style: italic;
border-bottom: none;
}
div.side_panel_base {
/*background: url(/img-001/side_panel.gif) bottom left no-repeat;*/
height: 15px;
margin: 0 0 15px 12px;
width: 180px;
}
p.bottom_text {
position: absolute;
bottom: 15px;
}
#manage.contacts_list {
display: block;
position: relative;
background: #fff;
}
div.contacts_list {
border: 1px solid #ddd;
width: 600px;
height: 200px;
overflow-x: hidden;
overflow-y: auto;
display: none;
}
#manage_contacts_list_contact div.contacts_list {
width: 100%;
}
.contacts_row {
position: relative;
border-bottom: 1px solid #ddd;
padding: 8px;
}
.contacts_inner {
width: 450px;
}
.no_contacts {
margin-top: 83px;
text-align: center;
color: #999;
}
.sep_first {
margin-top: 0 !important;
}
.item_line {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
float: right;
width: 300px;
text-align: right;
font-size: 11px;
margin: 18px 0 0;
}
.centre, 
.center {
text-align: center;
}
.icon {
background: url(/img-001/icons_colour.gif) no-repeat;
/*background: url(/img-001/icons_grey.gif) no-repeat;*/
padding: 2px 0 2px 22px;
height: 16px;
width: 16px;
vertical-align: bottom;
}
.upload_icon {
background-position: 0 0;
}
.open_folder_icon {
background-position: 0 -32px;
}
.new_folder_icon {
background-position: 0 -64px;
}
.open_file_icon {
background-position: 0 -96px;
}
.rename_folder_icon {
background-position: 0 -128px;
}
.download_icon {
background-position: 0 -160px;
}
.delete_icon {
background-position: 0 -192px;
}
.email_link_icon {
background-position: 0 -224px;
}
.get_link_icon {
background-position: 0 -256px;
}
.paste_icon {
background-position: 0 -288px;
}
.slideshow_icon {
background-position: 0 -320px;
}
.edit_desc_icon {
background-position: 0 -352px;
}
.copy_icon {
background-position: 0 -384px;
}
.cut_icon {
background-position: 0 -416px;
}
.photos2_icon {
background-position: 0 -448px;
}
.rename_file_icon {
background-position: 0 -480px;
}
.world_icon {
background-position: 0 -512px;
}
.private_icon {
background-position: 0 -544px;
}
.shared_icon {
background-position: 0 -576px;
}
.permissions_icon {
background-position: 0 -608px;
}
.hide_contacts_icon {
background-position: 0 -640px;
}
.show_contacts_icon {
background-position: 0 -672px;
}
.info_icon {
background-position: 0 -704px;
}
.menu_button_icon {
background-position: 0 -736px;
}
.list_view_icon {
background-position: 0 -768px;
}
.icons_view_icon {
background-position: 0 -800px;
}
.thumbs_view_icon {
background-position: 0 -832px;
}
.files_home_icon {
background-position: -230px -704px;
}
.back_icon {
background-position: -230px -736px;
margin-top: 2px;
}
.warn_icon {
background-position: -230px -768px;
margin-left: 5px;
}
.edit_privacy_icon {
background-position: 0 -960px;
}
.facebook_icon {
background-position: 0 -983px;
}
.comment_icon {
background-position: -230px -983px;
}
.tag_icon{
background-position: 0 -928px;
}
.shared_folder_icon {
background-position: 0 -1010px;
}
.add_friends_icon {
background-position: 0 -1035px;
}
.share_links {
margin:15px 0 20px 12px;
}
.share_links .share_icons a {
width: 32px;
height: 32px;
margin: 0;
padding: 0;
}
.share_links .share_icons a img {
opacity: 1.0;
}
.share_links .share_icons a:hover img {
opacity: 0.75;
} 
.item {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
overflow: hidden;
height: 45px;
}
.new_folder {
margin: auto 0 auto 5px;
}
.preload,.hide {
display: none;
}
.fh_item {
height: 78px;
width: 80px;
margin-bottom: 10px;
margin-right: 1px;
float: left;
overflow: hidden;
}
.folder_caption {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 10px;
width: 80px;
color: #000;
overflow: hidden;
}
.folder_caption img {
margin-bottom: 2px;
}
.icon_outer, 
.icon_thm_outer {
position: relative;
border-collapse: collapse;
margin-right: 8px;
margin-bottom: 3px;
vertical-align: bottom;
text-align: center;
color: #000;
display: table-cell;
display: inline-table;
display: inline-block;
}
#files_h .icon_outer {
display:block;
float:left;
margin-right:10px;
}
.icon_inner {
position: relative;
border: 1px solid #bbb;
cursor: pointer;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 2px;
}
#files_h .icon_inner {
border: 1px solid #e9e9e9;
}
#files_h .icon_inner:hover {
border: 1px solid #bbb;
}
.holder {
position: absolute;
right: 19px;
top: 4px;
display: none;
}
.icon_menu {
position: absolute;
height: 15px;
width: 15px;
overflow: hidden;
cursor: pointer;
text-align: left;
}
.icon_menu_button {
background: no-repeat url(/img-001/buttons.gif);
background-position: 0 -280px;
height: 15px;
width: 15px;
}
.icon_photo {
position: relative;
}
.icon_photo img {
border: 1px solid #bbb;
cursor: pointer;
background: #fff url(/img-001/loading1.gif) no-repeat;
background-position: center center;
padding: 6px;
box-shadow: 0 0 4px #ccc;
}
.icon_caption,
.icon_caption_thm {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #555;
height: 31px;
overflow: hidden;
word-wrap: break-word;
padding-top: 5px;
}
table#list_table {
border-collapse: collapse;
width: 100%;
font-size: 11px;
color: #555;
margin-bottom: 15px;
}
table#list_table td {
margin: 0;
padding: 4px 0;
}
table#list_table td img {
margin-top: -3px;
padding: 0;
}
table#list_table thead {
border-bottom: 1px #bbb solid;
color: #000;
}
.odd_row,
.odd_row td,
li.odd_row {
background-color:#fff;
}
.even_row,
.even_row td,
li.even_row {
background-color:#F4FAFF;
}
.col1 {
float: left;
width: 35px;
clear: left;
}
.col2 {
float: left;
width: 31%;
padding: 3px 0 0;
}
.col3 {
float: left;
width: 24%;
padding: 3px 0 0;
}
.options {
display: block;
cursor: pointer;
background: no-repeat url(/img-001/buttons.gif);
background-position: 0 -280px;
overflow: hidden;
height: 15px;
width: 45px;
padding-left: 20px;
padding-right: 3px;
color: #2d73d0;
}
.options:hover {
background-position: 0 -303px;
text-decoration: underline;
}
.list_menu {
position: absolute;
height: auto;
width: 160px;
overflow: hidden;
cursor: pointer;
text-align: left;
display: none;
}
.list_menu a:hover {
background: #ddd url(/img-001/menu_selected.png) repeat-x;
color: #000;
}
#thumbs .icon_inner {
background-image: none;
}
#image_wrap {
text-align: center;
}
#image_wrap img {
cursor: default;
border: 1px solid #bbb;
background: #fff url(/img-001/loading1.gif) no-repeat;
background-position: center center;
padding: 6px;
box-shadow: 0 0 4px #ccc;
}
.link_box,
.link_box2 {
font-family: Verdana, Arial,sans-serif;
background: url(/img-001/input_back.gif) repeat-x;
border: 1px #bbb solid;
width: 600px;
font-size: 11px;
vertical-align: middle;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 10px 0 0 0;
padding: 10px;
}
.link_box img {
vertical-align: middle;
}
#selected_contact {
/*width: 600px;*/
width:100%;
border: 1px solid #ddd;
border-collapse: collapse;
}
#selected_contact td.row1 {
width: 20px;
vertical-align: middle;
}
#selected_contact td.row2 {
width: 580px;
vertical-align: middle;
overflow: hidden;
}
#selected_contact tr.contacts_list {
width: 100%;
height: 40px;
border-bottom: 1px solid #ddd;
/*background: #fff;*/
}
.cont_list_no {
text-align:center;
font-size:11px !important;
}
.waiting {
color: #888;
}
img.profile {
border: 1px #bbb solid;
background: #fff;
margin: 0;
padding: 4px;
}
.profile_cont {
padding-bottom:8px;
}
#home_account #bc a {
display: block;
margin-bottom: 3px;
}
#home_account .container td {
padding: 3px 6px 3px 0;
}
.dl_table {
width: 400px;
margin: 0 auto;
}
#arc_mess .dl_table {
margin: 100px auto 150px auto;
}
.at {
border: 1px #bbb solid;
margin: 10px auto;
font-size: 12px;
border-collapse: collapse;
}
.at_header1 td {
background: #e5e5e5;
border: solid 1px #bbb;
background-image: url(/img-001/button_back.png);
background-repeat: repeat-x;
background-position: top left;
padding: 5px 3px;
font-weight: bold;
text-align: center;
}
.at_body td {
background: #fff;
border: 1px #bbb solid;
padding: 5px 3px;
}
#progress_bar.centre {
margin: 0 auto;
}
#working,
#loading {
position: fixed;
z-index: 1000;
bottom: 0;
left: 0;
width: 150px;
background: url(/img-001/working2.png) no-repeat top right;
height: 18px;
text-align: center;
padding-top: 4px;
color: #fff;
font-weight: bold;
display: none;
}
.icon_menu a:visited,
.icon_menu a,
.list_menu a:visited,
.list_menu a {
display: block;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
background: #fafafa;
height: 20px;
color: #555;
text-decoration: none;
font-family: Verdana, arial, sans-serif;
font-size: 11px;
padding: 6px 0 0 6px;
}
.icon_menu a:visited span,
.icon_menu a span,
.list_menu a:visited span,
.list_menu a span {
padding: 2px 0 2px 20px;
}
.icon_menu a.first,
.list_menu a.first {
border-top: 1px solid #bbb;
}
.icon_menu a.last,
.list_menu a.last {
border-bottom: 1px solid #bbb;
}
.icon_menu a:hover,
.list_menu a:hover {
background: #ddd url(/img-001/menu_selected.png) no-repeat;
color: #000;
text-decoration: none;
}
.fr {
float: right;
}
.icon_inner:hover,
#thumbs .icon_photo img:hover,
#icons .icon_photo img:hover {
border: 1px solid #999;
}
#thumbs .icon_photo img:hover,
#icons .icon_photo img:hover {
border: 1px solid #999;
/*-webkit-box-shadow: 0 0 5px #ccc;*/
box-shadow: 0 0 5px #ccc;
}
.plain {
color: #555;
font-size: 11px;
}
.plain p {
margin: 10px 0;
}
.plain a {
margin: 5px 0;
font-size: 11px;
}
.button {
background: #d7d7d7 url(/img-001/button_back.png) repeat-x;
border: 1px solid #bbb;
margin: 10px 0 3px 0;
color: #555;
font-weight: bold;
font-size: 11px!important;
font-family: Verdana, Arial, sans-serif;
padding: 4px 8px 5px 8px;
width: auto;
overflow: visible;
cursor: pointer;
}
.button:hover {
border: 1px solid #888;
}
a.button{
text-decoration:none;
}
.text_input,
.pass_input {
border: 1px #bbb solid;
background: url(/img-001/input_back.gif) repeat-x;
padding: 4px 5px 5px 5px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
width: 215px;
margin-bottom: 10px;
}
.text_input:hover,
.pass_input:hover {
border: 1px #888 solid;
}
.search_cont{
float:right;
}
.search_cont form {
margin:12px 9px 0 0;
background:url(/img-001/search_box1.png) no-repeat;
border:0;
width:186px;
height:24px;
}
.search_cont form input {
border:0;
outline:0;
padding:0;
width:130px;
margin:5px 0 0 24px;
color:#aaa;
font-size:11px;
font-family:verdana, arial, sans-serif;
background:transparent;
}
.search_cont form input:focus{
border:0;
outline:0;
color:#555;
}
.order_by_cont{
padding:8px 8px 0 8px;
border:1px solid #e0e0e0;
background:#f9f9f9;
margin-bottom:15px;
height:22px;
}
.events_page_cont {
padding:8px 8px 0 8px;
color: #555;
background-color: #F4FAFF;
border: 1px solid #AACCEE;
margin-bottom:15px;
height:22px;
}
.order_by{
float:left;
width:400px
}
.order_page{
float:right;
width:300px;
text-align:right;
}
#home_account .text_input,
#home_account .pass_input,
#home_account select {
margin-bottom: 3px;
}
#home_account .text_input,
#home_account .pass_input {
display: inline;
}
#type_email .button,
#add_friend .button {
margin: 0;
}
textarea {
color: #555;
background: #fff url(/img-001/input_back.gif) repeat-x;
border: 1px #bbb solid;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
textarea:hover {
border: 1px #888 solid;
}
.plain textarea {
padding: 2px;
width: 98%;
height: 100px;
display: block;
font-family: 'courier new',Arial,sans-serif;
font-size: 12px;
overflow: hidden;
}
.remove_button {
width: 95px;
margin-top: 0;
}
div.sh_input {
padding: 10px 0;
}
div.sh_input input[type="submit"] {
margin: 0;
}
.box_contacts,
.email_contacts {
font-size: 11px;
max-height: 350px;
overflow-x: hidden;
overflow-y: auto;
clear: right;
}
.box_contacts ul,
.email_contacts ul {
border: 1px solid #ddd;
background: #fff url(/img-001/input_back.gif) repeat-x;
list-style: none;
min-height: 28px;
padding: 0;
margin: 10px 0 0 0;
}
.box_contacts li,
.email_contacts li {
margin: 0;
padding: 5px 0 5px 5px;
/*border-bottom: 1px solid #f3f3f3;*/
font-size:12px;
}
.plain label {
display: block;
margin-bottom: 8px;
}
.plain #type_email,
.plain #check_contact {
width: 500px;
margin-bottom: 10px;
}
.plain #type_email p,
.plain #check_contact p {
margin: 0 5px 5px 0;
}
.plain .separator,
#manage_contacts_list_contact .separator,
#home_account .separator,
#home_profile_update .separator {
background: url(/img-001/button_back.png) repeat-x;
border: 1px solid #bbb;
color: #555;
font-weight: bold;
padding: 4px;
margin: 15px 0 0 0;
}
.plain .step_section,
.account_section {
background: url(/img-001/h600.png) repeat-x;
margin-bottom: 20px;
padding: 10px;
border: 1px solid #bbb;
border-top: none;
overflow: hidden;
}
.plain_show {
display: inline;
}
.account_section {
border: 1px solid #aaa;
border-top: none;
display:none;
}
.account_section label {
display:inline;
}
ul.tabs { 
list-style:none; 
margin:0 !important; 
padding:0;	
border-bottom:1px solid #aaa;	
height:30px;
}
ul.tabs li { 
float:left;	 
text-indent:0;
padding:0;
margin:0 !important;
list-style-image:none !important; 
}
ul.tabs a { 
background: url(/img-001/tabs2.png) no-repeat -420px 0;
font-size:11px;
font-weight:bold;
display:block;
height: 30px;  
line-height:30px;
width: 134px;
text-align:center;	
text-decoration:none;
color:#555;
padding:0px;
margin:0px;	
position:relative;
top:1px;
}
ul.tabs a:active {
outline:none;		
}
ul.tabs a:hover {
background-position: -420px -31px;	
color:#fff;	
}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
background-position: -420px -62px;		
cursor:default !important; 
color:#444 !important;
}
div.panes div.pane {
display:none;		
}
#comments {
width:712px;
margin:30px auto 0;
}
#comments div.comments_header{
border-bottom:1px #e0e0e0 solid;
width:100%;
margin-bottom:10px;
padding-bottom:3px;
}
#comments h3 {
margin:0;
color:#555;
font-size:14px;
line-height:1em;
}
#comments p {
margin:0 0 5px 0;
}
#comments h3 span.comments_count {
font-size:11px;
margin:0;
float:right;
width:auto;
}
.comment_item {
border-bottom:1px #e0e0e0 dashed;
width:712px;
margin-bottom:10px;
padding-bottom:5px;
clear:both;
}
.comment_item img {
margin:0 10px 0 0;
height:40px;
width:40px; 
}
h4.commentor {
margin:0 0 5px 0;
font-size:11px;
color:#555;
font-weight:normal;
}
p.comment_time {
font-style:italic;
color:#888 !important;
}
#comments textarea {
padding:5px;
}
#comments form {
margin-bottom:5px;
}
.next_comment{
margin-bottom:10px;
}
#print_table{
width:100%;
}
#print_table td{
padding:5px;
}
.print_info p,
.print_info li{
font-size:12px !important;
}
.print_info li{
padding:5px;
}
.print_info img{
margin-right:10px;
}
#print_del_details{
border-collapse:collapse;
}
#print_del_details td{
padding:3px 5px 3px 0;
}
#print_del_details .txt_input{
border:1px solid #ccc;
padding:4px;
width:200px;
}
.outer .logged_in {
float: right;
text-align: right;
width: 370px;
font-size: 11px;
margin: 10px 15px 0 0;
color: #555;
background: none;
/*text-shadow: 1px 1px 1px #fff;*/
}
#home_news div.logged_in,
#home_privacy div.logged_in,
#home_terms div.logged_in {
display: none;
}
#section1 {
background: url(/img-001/graphite_panel.png) no-repeat;
width: 980px;
height: 505px;
}
#section2 {
width: 90%;
height: 110px;
position: relative;
padding: 0;
margin: -505px auto 0 auto;
clear: both;
}
#section3 {
width: 90%;
position: relative;
padding: 10px 0;
margin: 0 auto;
clear: both;
}
#home_home .container,
#home_default .container {
position: relative;
background: url(/img-001/home_panel.jpg) no-repeat;
width: 980px;
height: 498px;
}
#home_default .container {
background: url(/img-001/home_panel4.jpg) no-repeat;
}
#home_home .container h1,
#home_default .container h1 {
font-family: Arial, sans-serif;
color: #222;
font-size: 38px;
width: 360px;
padding: 35px 0 25px 50px;
margin: 0;
/*text-shadow: 1px 1px 1px #fff;*/
}
#home_default .container h1 {
width: 320px;
font-size: 38px;
padding: 42px 0 20px 50px;
}
#home_home .container p,
#home_default .container p {
font-family: Arial, sans-serif;
color: #555;
font-size: 17px;
width: 340px;
margin: 0;
padding: 0 0 22px 50px;
}
#home_home .container p a,
#home_default .container p a {
font-family: Arial, sans-serif;
}
#home_default .container p {
padding: 0 0 30px 50px;
width: 280px;
}
.buttons_home {
padding: 0 0 27px 50px;
}
.share_home {
display: none;
clear: left;
margin: 40px 0 0 50px;
}
#home_default img {
vertical-align: bottom;
}
#home_default .share_home {
display: block;
}
#home_home a.flash,
#home_default a.flash {
position: absolute;
top: 85px;
right: 30px;
height: 150px;
width: 160px;
background: url(/img-001/test_drive.gif) no-repeat;
}
#home_default a.flash {
top: 15px;
right: 0px;
background: url(/img-001/try_it_flash2.png) no-repeat;
}
#home_home a.flash:hover,
#home_default a.flash:hover {
background-position: 0 -148px;
}
#home_default a.flash:hover {
background-position: left top;
}
a.tryit,
a.learn,
a.demo,
a.freetrial {
height: 27px;
width: 121px;
display: block;
float: left;
margin: 5px 3px 0 0;
background: url(/img-001/tryit.gif) no-repeat;
}
a.learn {
background: url(/img-001/learn.gif) no-repeat;
}
a.demo {
background: url(/img-001/demo.gif) no-repeat;
}
a.freetrial {
background: url(/img-001/freetrial.gif) no-repeat;
}
#login_form_modal .button {
margin-bottom: 0;
}
#signup_form, 
#login_form {
margin: 10px 0 0 0;
border: 8px solid #ddd;
padding: 10px;
background: #f6f6f6;
}
#signup_form h3, 
#login_form h3 {
margin: 0 0 15px 0;
color: #444;
font-size: 24px;
font-family: tahoma, ariel, sans-serif;
}
#signup_form p, 
#login_form p {
margin-bottom: 10px;
}
#signup_form td,
#login_form td {
padding: 2px;
font-size: 12px;
}
#home_signup .column1,
#home_register .column1,
#home_register2 .column1,
#home_login .column1,
#home_get_login .column1,
#home_login_home .column1 {
float: left;
width: 350px;
margin: 0 30px 30px -10px;
}
#home_signup .column2,
#home_register .column2,
#home_register2 .column2,
#home_login .column2,
#home_get_login .column2,
#home_login_home .column2 {
float: left;
width: 510px;
margin: 0 0 30px 0;
}
#home_signup .column1 img,
#home_register .column1 img,
#home_register2 .column1 img,
#home_login .column1 img,
#home_get_login .column1 img,
#home_login_home .column1 img {
margin: 0 10px 0 0;
}
#home_register .column1 td img,
#home_register2 .column1 td img,
#home_signup .column1 td img,
#home_login .column1 td img,
#home_get_login .column1 td img,
#home__login_home .column1 td img {
padding-left: 0;
}
#home_register .column1 td,
#home_register2 .column1 td,
#home_signup .column1 td,
#home_login .column1 td,
#home_get_login .column1 td,
#home_login_home .column1 td {
vertical-align: top;
padding: 5px;
}
#features_features .row1 {
position: relative;
clear: both;
margin: 0 0 10px 0;
}
#features_features .column1 {
float: left;
width: 285px;
margin: 0 30px 0 0;
}
#features_features .column2 {
float: left;
width: 555px;
}
#features_features .column1 img {
margin-bottom: 15px;
/*-webkit-box-shadow: 0 0 5px #bbb;*/
box-shadow: 0 0 5px #bbb;
}
#features_features_web .row1 {
margin-bottom: 40px;
}
#features_features_web .row1 img {
float: left;
margin: 8px 50px 0 0;
}
#features_features_web .row2 img {
float: right;
margin: 0 0 30px 50px;
}
.buttons_features {
margin: 15px 0;
height: 40px;
}
#home_help .column1 {
float: left;
width: 625px;
margin: 0 25px 0 0;
}
#home_help .column2 {
float: left;
width: 227px;
margin: 40px 0 0 0;
}
#contact_contact #section2 form {
margin-left: 17px;
}
#contact_contact #section2 form table td {
padding: 3px;
}
#home_news p {
width: 650px;
}
#home_forgot form#login_form {
width: 600px;
}
#home_download .container{
background: url(/img-001/top_panel_light.png) no-repeat;
min-height:0;
position:static;
}
#home_download .container_end,
#arc_mess .container_end {
background: url(/img-001/main_panel_light.png) no-repeat bottom left;
height: 25px;
margin-top: -18px;
}
.purchasetable {
padding: 5px 5px 5px 0;
width: 100%;
}
.purchase2table {
padding: 5px 5px 5px 0;
width: 100%;
}
.purchase3table {
border-collapse: collapse;
background-color: #FFFFFF;
width: 100%;
}
.purchase3table td {
padding: 3px;
border: 1px solid #bbb;
}
.purchase4table {
padding: 5px 5px 5px 0;
border: 0px;
width: 60%;
}
#stplan_purchase1 #section2 h4 {
color: #ccc;
}
.p_active {
color: #fff;
}
.link_label {
height: 40px;
float: left;
clear: left;
padding: 10px 10px 0 0;
}
a.link_callout {
background: url(/img-001/link_callout.png) no-repeat;
vertical-align: middle;
display: block;
float: left;
height: 41px;
width: 213px;
text-align: center;
font-weight: bold;
color: #eee;
padding: 11px 0 0 5px;
}
#stplan_purchase #section2,
#stplan_adm_plans #section2,
#download_download #section2 {
padding-top: 35px;
height: auto;
}
#stplan_purchase .col1,
#stplan_adm_plans .col1,
#download_download .col1,
#stplan_purchase .col2,
#stplan_adm_plans .col2,
#download_download .col2,
#stplan_purchase .col3,
#stplan_adm_plans .col3,
#download_download .col3 {
margin: 0 30px 0 0;
padding: 0;
width: 224px;
float: left;
}
#download_download .col1 {
margin: 0;
}
#download_download .col2 {
width: auto;
margin: 0;
}
#download_download .col2 img {
float:right;
margin: 29px -20px 0 20px;
}
#stplan_purchase #section2 h1,
#stplan_adm_plans #section2 h1,
#download_download #section2 h1 {
margin: 0 0 5px 0;
color: #fff;
text-align: center;
/*text-shadow: -1px -1px 1px #494949;*/
}
#stplan_purchase #section2 h2,
#stplan_adm_plans #section2 h2,
#download_download #section2 h2 {
margin: 0;
color: #aaa;
font-size: 12px;
text-align: center;
/*text-shadow: -1px -1px 1px #444;*/
}
#stplan_purchase div.callout,
#stplan_adm_plans div.callout,
#download_download div.callout {
margin-top: 15px;
}
#stplan_purchase div.callout div,
#stplan_adm_plans div.callout div,
#download_download div.callout div {
float: left;
}
#stplan_purchase div.callout_first,
#stplan_adm_plans div.callout_first,
#download_download div.callout_first {
margin-right: 10px;
}
#stplan_purchase div.callout div a,
#stplan_adm_plans div.callout div a,
#download_download div.callout div a {
display: block;
margin: 0;
padding-top: 1px;
color: #fff;
font-size: 18px;
font-weight: bold;
text-align: center;
text-decoration: none;
font-family: Arial, sans-serif;
height: 49px;
width: 105px;
background: url(/img-001/price_callout.png) no-repeat;
}
#stplan_purchase div.callout a span,
#stplan_adm_plans div.callout a span,
#download_download div.callout a span {
font-size: 11px;
color: #3C3C8D;
/*text-shadow: 0px 1px 1px #ddd;*/
}
#stplan_purchase div.buttons a.buy_button,
#stplan_purchase div.buttons a.down_button,
#stplan_adm_plans div.buttons a.buy_button,
#stplan_adm_plans div.buttons a.down_button,
#download_download div.buttons a.buy_button,
#download_download div.buttons a.down_button {
padding-top: 11px;
font-size: 13px;
font-weight: bold;
text-align: center;
color: #ddd;
display: block;
float: left;
background: url(/img-001/button_split.png) no-repeat;
height: 41px;
width: 111px;
}
#stplan_purchase div.buttons a.buy_button,
#stplan_adm_plans div.buttons a.buy_button,
#download_download div.buttons a.buy_button {
width: 111px;
}
#stplan_purchase div.buttons a.down_button,
#stplan_adm_plans div.buttons a.down_button,
#download_download div.buttons a.down_button {
background-position: -111px top;
width: 109px;
}
#stplan_purchase .col2 div.buttons a,
#stplan_purchase .col3 div.buttons a,
#stplan_adm_plans .col2 div.buttons a,
#stplan_adm_plans .col3 div.buttons a,
#download_download .col2 div.buttons a,
#download_download .col3 div.buttons a {
padding-top: 11px;
font-size: 13px;
font-weight: bold;
text-align: center;
color: #ddd;
display: block;
float: left;
background: url(/img-001/graphite_button.png) no-repeat;
height: 41px;
width: 220px;
}
#stplan_purchase .col2 div.callout div a,
#stplan_purchase .col3 div.callout div a,
#stplan_adm_plans .col2 div.callout div a,
#stplan_adm_plans .col3 div.callout div a,
#download_download .col2 div.callout div a,
#download_download .col3 div.callout div a {
margin-left: 56px;
}
#stplan_purchase .col1 p,
#stplan_adm_plans .col1 p,
#download_download .col1 p,
#stplan_purchase .col2 p,
#stplan_adm_plans .col2 p,
#download_download .col2 p,
#stplan_purchase .col3 p,
#stplan_adm_plans .col3 p,
#download_download .col3 p {
margin: 5px 0;
padding: 6px 0 5px 0;
clear: left;
font-size: 11px;
border-top: 1px dashed #ddd;
}
#stplan_purchase .col1 ul,
#stplan_adm_plans .col1 ul,
#download_download .col1 ul,
#stplan_purchase .col2 ul,
#stplan_adm_plans .col2 ul,
#download_download .col2 ul,
#stplan_purchase .col3 ul,
#stplan_adm_plans .col3 ul,
#download_download .col3 ul {
margin: 0 0 10px 0;
font-size: 11px;
}
.rcMenuContainer {
font-family: Verdana, arial, sans-serif;
position: absolute;
border: 1px solid #bbb;
background: #fafafa;
z-index: 10000;
-moz-box-shadow: 0 0 4px RGBa(0, 0, 0, .3);
box-shadow: 0 0 4px RGBa(0, 0, 0, .3);
}
.rcMenuContainer tr .rcMenuItem {
background: #fafafa;
padding: 3px;
width: 145px;
}
.rcMenuContainer tr .rcMenuItemHover {
background: #ddd url(/img-001/menu_selected.png) repeat-x;
padding: 3px;
width: 145px;
}
.rcMenuItem a {
display: block;
font-family: Verdana, arial, sans-serif;
font-size: 11px;
color: #555;
font-weight: 400;
padding: 3px 2px 2px 2px;
}
.rcMenuItemHover a {
display: block;
font-family: Verdana, arial, sans-serif;
font-size: 11px;
font-weight: 400;
text-decoration: none;
color: #000;
padding: 3px 2px 2px 2px;
}
.rcMenuItemText {
font-size: 11px;
font-weight: 400;
border: 0;
padding: 2px;
}
.rcMenuItemTextExt {
font-size: 11px;
font-weight: bold;
border: 1px dotted grey;
padding: 2px;
}
.rcMenuSeparator {
color: #bbb;
height: 3px;
}
.rcImage {
float: left;
padding: 2px 4px 2px 0;
}
.boxy-wrapper {
position: absolute;
background: none;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.boxy-wrapper.fixed {
position: fixed;
font-size: 11px;
color: #555;
-moz-box-shadow: 0 0 10px RGBa(0, 0, 0, .7);
-webkit-box-shadow: 0 0 10px RGBa(0, 0, 0, .7);
box-shadow: 0 0 10px RGBa(0, 0, 0, .7);
}
.boxy-modal-blackout {
position: absolute;
/*background-color: transparent;*/
background:#222;
left: 0;
top: 0;
}
.boxy-wrapper .title-bar {
background: url(/img-001/button_back.png) repeat-x;
position: relative;
border-bottom: 1px solid #bbb;
padding: 8px;
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
-khtml-border-top-left-radius: 8px;
border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
-khtml-border-top-right-radius: 8px;
border-top-right-radius: 8px;
}
.boxy-wrapper .title-bar.dragging {
cursor: move;
}
.boxy-wrapper .title-bar h2 {
font-size: 11px;
color: #555;
line-height: 1.4;
font-weight: bold;
font-family: Verdana,Arial,sans-serif;
margin: 0;
padding: 0;
/*text-shadow: 1px 1px 1px #ddd;*/
}
.boxy-wrapper .title-bar .close {
position: absolute;
top: 7px;
right: 6px;
width: 14px;
height: 14px;
background: url(/img-001/icons_colour.gif);
background-position: 0 -896px;
}
.boxy-inner {
background: #f8f8f8 url(/img-001/h600.png) repeat-x;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding: 0;
}
.boxy-content {
padding: 25px;
}
.boxy-content img {
vertical-align: bottom;
}
.boxy-content p {
font-family: Verdana,Arial,sans-serif;
margin: 0 0 5px;
font-size: 11px;
}
.boxy-content a {
font-family: Verdana,Arial,sans-serif;
margin: 5px 0;
font-size: 11px;
}
.boxy-content label {
display: block;
font-family: Verdana,Arial,sans-serif;
font-size: 11px;
margin: 0 0 5px 3px;
}
.boxy-content .text_input,
.boxy-content .pass_input {
font-family: Verdana,Arial,sans-serif;
font-size: 18px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 6px;
}
.boxy-content .share_text_input{
width:96%;
}
.boxy-content textarea {
width: 98%;
height: 100px;
display: block;
overflow: hidden;
font-family: 'courier new',Arial,sans-serif;
font-size: 14px;
padding: 3px;
color:#888;
}
.boxy-content #user_message {
height:60px;
}
.boxy-content .box_contacts,
.boxy-content .email_contacts {
max-height: 210px;
width: 300px;
}
.boxy-content .email_contacts {
width: 100%;
}
.boxy-content ul {
margin: 0 0 10px 0;
}
/*.boxy-content li {
width: 99%;
}*/
.boxy-content input.boxy_show,
.boxy-content .boxy_show {
display: block;
}
.boxy-content input.boxy_hide,
.boxy-content .boxy_hide {
display: none;
}
.boxy-wrapper .question {
width: 350px;
min-height: 80px;
}
.boxy-wrapper .answers {
text-align: right;
}
.boxy-wrapper .link_box,.boxy-wrapper .link_box2 {
width: auto;
}
.scrollable {
position: relative;
overflow: hidden;
width: 647px;
height: 60px;
margin-bottom: 10px;
border: 1px solid #ccc;
background: url(/img-001/h300.png) repeat-x left -10px;
}
.scrollable .items {
width: 20000em;
position: absolute;
clear: both;
}
.scrollable img {
float: left;
margin: 5px 5px 10px 4px;
background-color: #fff;
cursor: pointer;
width: 40px;
height: 40px;
border: 1px solid #bbb;
padding: 4px;
box-shadow: 0 0 4px #ccc;
}
.scrollable .active {
position: relative;
z-index: 99;
border: 1px solid #2d73d0;
-moz-box-shadow: 0 0 2px 1px #2d73d0;
/*-webkit-box-shadow: 0 0 3px #2d73d0;*/
box-shadow: 0 0 3px #2d73d0;
}
.scrollable {
float: left;
}
a.browse {
background: url(/img-001/hori_large.png) no-repeat;
display: block;
width: 30px;
height: 30px;
float: left;
margin: 16px 10px 31px 10px;
cursor: pointer;
font-size: 1px;
}
a.right {
background-position: 0 -30px;
clear: right;
margin-right: 0px;
}
a.right:hover {
background-position: -30px -30px;
}
a.right:active {
background-position: -60px -30px;
}
a.left {
margin-left: 0px;
}
a.left:hover {
background-position: -30px 0;
}
a.left:active {
background-position: -60px 0;
}
a.up, a.down {
background: url(/img-001/vert_large.png) no-repeat;
float: none;
margin: 10px 50px;
}
a.up:hover {
background-position: -30px 0;
}
a.up:active {
background-position: -60px 0;
}
a.down {
background-position: 0 -30px;
}
a.down:hover {
background-position: -30px -30px;
}
a.down:active {
background-position: -60px -30px;
}
a.disabled {
visibility: hidden !important;
}
div.light_rounded .pp_top .pp_left {
background: url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
}
div.light_rounded .pp_top .pp_middle {
background: #fff;
}
div.light_rounded .pp_top .pp_right {
background: url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
}
div.light_rounded .pp_content .ppt {
color: #000;
}
div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right {
background: #fff;
}
div.light_rounded .pp_content {
background-color: #fff;
}
div.light_rounded .pp_next:hover {
background: url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
cursor: pointer;
}
div.light_rounded .pp_previous:hover {
background: url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
cursor: pointer;
}
div.light_rounded .pp_expand {
background: url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}
div.light_rounded .pp_expand:hover {
background: url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}
div.light_rounded .pp_contract {
background: url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}
div.light_rounded .pp_contract:hover {
background: url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}
div.light_rounded .pp_close {
background: url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
cursor: pointer;
height: 22px;
width: 75px;
}
div.light_rounded #pp_full_res .pp_inline {
color: #000;
}
div.light_rounded .pp_arrow_previous {
background: url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
}
div.light_rounded .pp_arrow_previous.disabled {
background-position: 0 -87px;
cursor: default;
}
div.light_rounded .pp_arrow_next {
background: url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
}
div.light_rounded .pp_arrow_next.disabled {
background-position: -22px -87px;
cursor: default;
}
div.light_rounded .pp_bottom .pp_left {
background: url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
}
div.light_rounded .pp_bottom .pp_middle {
background: #fff;
}
div.light_rounded .pp_bottom .pp_right {
background: url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
}
div.light_rounded .pp_loaderIcon {
background: url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
}
div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content {
background:#fff;
}
div.light_square .pp_content .ppt {
color:#000;
}
div.light_square .pp_expand {
background:url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
cursor:pointer;
}
div.light_square .pp_expand:hover {
background:url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
cursor:pointer;
}
div.light_square .pp_contract {
background:url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
cursor:pointer;
}
div.light_square .pp_contract:hover {
background:url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
cursor:pointer;
}
div.light_square .pp_close {
width:75px;
height:22px;
background:url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
cursor:pointer;
}
div.light_square #pp_full_res .pp_inline {
color:#000;
}
div.light_square .pp_arrow_previous {
background:url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
}
div.light_square .pp_arrow_previous.disabled {
background-position:0 -87px;
cursor:default;
}
div.light_square .pp_arrow_next {
background:url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
}
div.light_square .pp_arrow_next.disabled {
background-position:-22px -87px;
cursor:default;
}
div.light_square .pp_next:hover {
background:url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
cursor:pointer;
}
div.light_square .pp_previous:hover {
background:url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
cursor:pointer;
}
div.pp_pic_holder a:focus {
outline: none;
}
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}
.pp_top {
height: 20px;
position: relative;
}
.pp_top .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_content {
height: 40px;
}
.pp_content .ppt {
left: auto;
margin-bottom: 5px;
position: relative;
top: auto;
}
.pp_fade {
display: none;
}
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left {
padding-left: 20px;
}
.pp_content_container .pp_right {
padding-right: 20px;
}
.pp_content_container .pp_details {
margin: 10px 0 2px 0;
}
.pp_description {
display: none;
margin: 0 0 5px 0;
font-size: 11px;
}
.pp_nav {
clear: left;
float: left;
margin: 3px 0 0 0;
}
.pp_nav p {
float: left;
margin: 2px 4px;
font-size: 11px;
}
.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
a.pp_next {
background: url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_previous {
background: url(/cms/apps/bluboxes/frontend/templates/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_expand,a.pp_contract {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
}
a.pp_close {
display: block;
float: right;
text-indent: -10000px;
}
.pp_bottom {
height: 20px;
position: relative;
}
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}
#pp_full_res {
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p {
margin: 0 0 15px 0;
}
div.ppt {
color: #fff;
display: none;
font-size: 17px;
left: 0;
position: absolute;
top: 0;
z-index: 9999;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
.clearfix {
display: block;
}