/* css for mms interface */

body, html{
	height:100%;
	margin:0;
	padding:0;
	font-family:"Lucida Grande", "Trebuchet MS", Sans-serif;
	background-color:#555;
}

/* generic */
h3{
	font:22px bold "Georgia", Serif;
	margin:5px 0 3px 0; padding:0;
}
.help{
 	clear:both;
	font-size:11px;
	margin:10px 5px 3px 5px;
	display:none;
}
.odd{
	background-color:#EEE;
}
p.odd{
	margin:1px 0;
	padding:1px 5px;
	background-color:#EEE;
}
p.even{
	margin:1px 0;
	padding:1px 5px;
}
p.even a, p.odd a{
	font-size:12px;
	font-weight:bold;
}
.grey{
	background-color:#EEE;
}
.bold{
	font-weight:bold;
}
.notify{
	font-size:15px;
	font-weight:bold;
	margin:15px 0;
	padding:3px 0 7px 40px;
	color:#FF6600;
	background:url('/images/icons/notify.png') no-repeat;
	width:95%;	
}
.error{
	font-size:15px;
	font-weight:bold;
	margin:15px 0;
	padding:3px 0 7px 36px;
	color:#CC0000;
	background:url('/images/icons/error.png') no-repeat;
	width:95%;	
}
.warning{
	color:#CC0000;
}
.medium{
	font-size:14px;
}
.small{
	font-size:12px;
}

.smaller{
	font-size:11px;
}

.tiny{
	font-size:10px;
}
a:link, a:visited{
	color:#0000CC;
}
a:hover, a:active{
	background-color:#3366FF;
	color:#FFF;
	text-decoration:none;
}
.dashboard a:link,
.dashboard a:visited{
	display:block;
	margin:3px 0;
	font-size:12px;
	font-weight:bold;
}
.dashboard a.action{
	font-size:13px;
}
.dashboard em{
	font-style:normal;
	font-size:10px;
	font-weight:bold;
}
.recent{
	position:relative;
	font-size:11px;
	padding:5px;	
	margin:0 0 0 5px;
	width:95%;
}
.recent em{
	color:#666;
	font-size:14px;
	margin:0 2px 0 0;
	
}
.recent a:link{ 
	display:block;
	font-size:12px;
}
.recent img{
	width:35px; height:35px;
	border:1px solid #CCC;
}
.recent .photo{
	float:left;
	margin:5px;
	padding:2px;
	
}
.colhalf{
	position:relative;
	float:left;
	margin:0 6px 0 4px;
	padding:0;
	width:48%;	
}
.colthirds{
	position:relative;
	float:left;
	margin:0 6px 0 0;
	padding:0;
	width:31%;	
}
.coltwothirds{
	position:relative;
	float:left;
	margin:0 6px 0 4px;
	padding:0;
	width:62%;	
}
.new{
	display:block;
	float:left;
	margin:5px;
	background:url('/images/icons/new.gif') top left no-repeat;
}

.backto {
	display:block;
	float:left;
	margin:5px;
	background:url('/images/icons/backto.gif') no-repeat;
}
.listit{
	display:block;
	float:left;
	margin:5px;
	background:url('/images/icons/listit.gif') top left no-repeat;
}
.upload{
	display:block;
	float:left;
	margin:5px;
	background:url('/images/icons/upload.gif') top left no-repeat;
}
.editit{
	display:block;
	float:left;
	margin:5px;
	background:url('/images/icons/editit.gif') top left no-repeat;

}
.deleteit{
	display:block;
	float:left;
	margin:5px;
	background:url('/images/icons/deleteit.gif') top left no-repeat;
}
.settings{
	display:block;
	float:left;
	margin:5px;
	background:url('/images/icons/settings.gif') top left no-repeat;
}

.callist{
	display:block;
	float:left;
	margin:5px;	
}

/*insert icons*/
.insertlink{
	display:block;
	float:left;
	margin:5px;
	padding:0 0 0 15px;
	background:url('/images/icons/link.gif') top left no-repeat;
}

.insertimage{
	display:block;
	float:left;
	margin:5px;
	padding:0 0 0 15px;
	background:url('/images/icons/photo_white_bg.gif') top left no-repeat;
}

.insertdocs{
	display:block;
	float:left;
	margin:5px;
	padding:0;
	background:url('/images/icons/doc_white_bg.jpg') top left no-repeat;

}

.largedit{
	display:block;
	float:left;
	margin:5px;
	background:url('/images/icons/new_white_bg.gif') top left no-repeat;
	
}

.smalledit{
	display:block;
	float:left;
	margin:5px;
	background:url('/images/icons/backto_white.gif') top left no-repeat;
}

.new a, .backto a, .listit a, .editit a, .deleteit a, .settings a,
.insertlink a, .insertimage a, .insertdocs a, .largedit a, .smalledit a, .upload a, .callist a{
	display:block;
	margin:0 0 0 28px;
	font-weight:bold;
	font-size:14px;
	color:#333;
	text-decoration:none;
}

.new a:hover,  .backto a:hover, .listit a:hover, .editit a:hover, .deleteit a:hover, .settings a:hover,
.insertlink a:hover, .insertimage a:hover, .insertdocs a:hover, .largedit a:hover, .smalledit a:hover, .upload a:hover, .callist a:hover{
	background-color:#333;
	color:#FFF;
}

/*layout*/
#top{
	position:relative;
	margin:0; padding:0;
	height:48px; width:100%;
	min-width:900px;
	background:url('/images/bg/top_blue.gif');
	border-top:2px solid #CCC;
	z-index:50;
}
#top .constrain{
	height:10px; width:800px;
}
#top p{
	color:#FFF;
	font-size:10px;
}

#top .logo{
	position:absolute; right:0;
	margin:0; padding:0; 
	font:32px bold "Arial Black","Arial", Verdana, Sans-serif;
	color:#FFF;
}
#top .logo a{ 
	display:block; margin:0;
	width:210px; height:50px;
	/*background:url('/css/legitify/images/mms.gif') no-repeat;*/
}
#top .logo a em{  display:none;  }
#top .logout{
	margin:15px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}
#top .logout select{
	clear:none;
	float:left;
	width:auto;
	margin:0 10px;
}
#top .logout p{
	float:left;
	margin:0;
	font-size:12px;
}
#top .logout p em{
	display:block; 
	float:left;
	margin:0 5px;
	font-size:12px;
	font-weight:bold;
	display:inline;
	color:#FFF;
}
#top .logout p a:link, #top .logout p a:visited{
	display:block; 
	float:left;
	margin:0;
	font-size:12px;
	font-weight:bold;
	display:inline;
	color:#FFF;
}
#top .logout p a:hover, #top .logout p a:active{
	text-decoration:none;
	background:#FF9900;
	color:#FFF;
}

/* tab menus */
#tabs{
	list-style:none;
	position:absolute; 
	margin:0; padding:0; 
	top:48px; left:45px;
	z-index:50;
	width:900px;
}
#tabs li{
	position:relative; float:left;
	margin:0; padding:0 15px 0 0 ;
	height:37px; width:auto;
	background:url('/images/tabs/right_blue.gif') top right no-repeat;
}
#tabs li a:link,
#tabs li a:visited,
#tabs li a:hover{
	display:block; float:left;
	margin:0; padding:4px 0 0 15px;
	width:auto; height:37px;
	color:#FFF;
	background:transparent;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
	letter-spacing:1px;
}
#tabs li.selected{
	background:url('/images/tabs/selected_right_blue.gif') top right no-repeat;
}
#tabs li.selected a:link,
#tabs li.selected a:visited{
	/*background:url('/images/tabs/selected_left_blue.gif') top left no-repeat;*/
}
#drawer{
	position:absolute; top:48px; left:0;
	height:37px;  width:100%;
	background-color:#333;
	z-index:40;
	overflow:hidden;
}
#drawer #search{
	position:absolute;
	margin:15px;
	top:35px;
	color:#FFF;
}
#drawer .watch{
	display:block;
	position:absolute;
	left:10px; bottom:5px;
	width:25px; height:25px;
	background:url('/images/icons/clock.gif') no-repeat;
}
#drawer .watch em{ display:none; }
#middle{
	position:relative;
	margin:0; padding:5px 0 0 0;
	top:28px;
	width:100%; height:auto;
	background-color:#DFDFCF;
	z-index:1;
	min-width:900px;
	overflow:visible;
}
#middle .full{
	position:relative;
	width:98%; margin:0 1%; padding:10px 0 0 0;
	min-width:900px;
}
#middle .full p,
#middle .full h3{
	margin:7px 5px;
}
#middle .full #page{
	clear:both;
	position:relative; float:left;
	margin:0 0 10px 0; padding:0;
	width:62%;
	background:url('/images/bg/page_bg_left.gif') top left repeat-y;
}
#page b{ display:block; }
#page .bgwrap p { margin:10px 5px; }
#page .bgwrap{ top:0; margin:0 0 0 15px; padding:5px 0 10px 0; background:url('/images/bg/page_bg_right.gif') top right repeat-y; }
#page .topbg{ overflow:hidden; margin:0; padding:0; width:100%; height:8px; background:url('/images/bg/page_top_left.gif') top left no-repeat; }
#page .topbg em{ display:block; margin:0 0 0 15px; padding:0; height:8px; background:url('/images/bg/page_top_right.gif') top right no-repeat;  }
#page .bottombg{ overflow:hidden; margin:0; padding:0; width:100%; height:8px; background:url('/images/bg/page_bottom_left.gif') top left no-repeat; }
#page .bottombg em{ display:block; margin:0 0 0 15px; padding:0; height:8px; background:url('/images/bg/page_bottom_right.gif') top right no-repeat;  }
#page table{ width:98%; margin:0 2% 0 0; }
#page strong{ display:block; margin:5px; padding:0; font-size:15px; }
#page p strong{ display:block; margin:5px 0; padding:0; font-size:15px; }

.full .right{
	float:right;
	margin:0; padding:0; 
	width:38%;
	text-align:left;
	font-size:12px;
	overflow:hidden;
}
.full .right p{ margin:8px; padding:0 0 0 4px; }
.right p.notify{ padding:5px 0 0 35px; height:35px; }
.full .right strong{ display:block; margin:8px; padding:0; font-size:14px; }
#bottom{
	height:45px; width:100%;
	margin:0; padding:0;
	background-color:#555; 
	color:#FFF;
	min-width:900px;
}
#bottom p{
	font-size:11px; height:25px; margin:20px 25px; padding:20px 0 0 0; width:800px;
	background-color:#555;
}
.minwidth{
	position:relative;
	margin:0; padding:0;
	height:1px; width:900px;
}
#tagger{
	font-size:11px;
}
#tagsuggestions a:link,
#tagsuggestions a:visited{
	font-size:11px;
}
.blogwrap{
	width:40%;
	float:left;
	margin:10px;
	padding:0;
	
}
.blogwrap strong{ display:block;  padding:0; }
.blogwrap strong a{  padding:0; font-weight:bold; font-size:16px; margin:0 0 3px -5px; }
.blogwrap p.smaller{ position:relative; margin:0 0 0 -10px; padding:0; left:-5px; width:100%; clear:both; }
.blogwrap a{ display:block; float:left; margin:5px 15px 3px 0; padding:0; font-weight:bold; font-size:12px; }
.blogwrap .checkboxwrap{ margin:0; padding:0; clear:both; }
.blogwrap .checkboxwrap label{ font-size:11px; font-weight:bold; color:#666;  }

#insertlinks, #insertphotos, #insertdocs{
	position:absolute;
	padding:5px; margin:10px;
	width:400px;
	height:auto;
	border:2px solid #CCC;
	background-color:#FFF;
	z-index:300;
}
#insertphotos{
	left:110px;
	width:530px;
	height:400px;
}

#insertbrowser, #allphotos, #insertvideobrowser, #allvideos, #photoelementbrowser, #videoelementbrowser{
	height:180px;
	overflow:auto;
	background-color:#EEE;
	margin:5px;
	width:110%;
}

#insertvideobrowser img, #insertbrowser img, #allphotos img, #allvideos img, #photoelementbrowser img{
	margin:3px;
	height:55px;
	width:55px;
}
#photoelementbrowser img, #videoelementbrowser img{
	width:40px;
	height:40px;
}
#insertvideobrowser a:hover, #insertbrowser a:hover, #allphotos a:hover, #allvideos a:hover, #photoelementbrowser a:hover, #videoelementbrowser a:hover{
	background:transparent;
}
#insertbrowser a:link img,
#insertbrowser a:visited img,
#allphotos a:link img,
#allvideos a:link img,
#allphotos a:visited img,
#allvideos a:visited img{
	border:2px solid #FFF;
}
#insertbrowser a:hover img,
#insertbrowser a:active img,
#allphotos a:hover img,
#allphotos a:active img,
#allvideos a:hover img,
#allvideos a:active img{
	border:2px solid #3366FF;
	border-bottom:2px solid #3366FF;
}

#insertlinks select,
#insertphotos select{	
	width:380px;
	margin:8px 5px;	
}

#insertlinks p{	
	height:22px;	
	margin:15px 0;	
}

#photobrowser{
	width:97%;	
	height:500px;
	padding:0 5px;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	overflow:auto;

}

#photobrowser .photo,
#browser .video{
	position:relative;
	float:left;
	margin:10px;
	width:65px;
	height:65px;
	padding:0;
	border-width:0;
	

}
#photobrowser .photo img,
#browser .video img{
	z-index:30;
	width:100%;
	border:3px solid #FFF;
	
}
#photobrowser .selected img,
#browser .selected{
	border:3px solid #3366FF;
}
#photobrowser .hoverleft {
	border:30px solid #FFF;
	border-width:0 0 0 40px;	
}
#photobrowser .hoverright {
	border:30px solid #FFF;
	border-width:0 40px 0 0;
}
#photobrowser .photo .cover{
	position:absolute;
	width:100%;
	height:100%;
	background:transparent;
	z-index:40;	
}
#photos p{
	font-size:12px;
}

#insertdocs{	
	left:200px;
	height:250px;
	width:325px;
	overflow:auto;
}
#docbrowser a,
#browsefolder a{
	display:block;
	font-size:12px;
	margin:3px 0;
}

.slidewrap{
	float:left;
	width:300px;	
	margin:0 0 0 15px;
}
.slidewrap img{
	float:left;
	margin:10px 5px;
}
.slidewrap img.smaller{
	margin:12px 5px;
}
#slider{ 
	float:left; 
	position:relative; 
	overflow:visible;
	margin:10px 5px; 
	width:100px;
	height:15px;
	-moz-user-select: none; -khtml-user-select: none; user-select: none; 
 }

#slider #bar{ 
	position:absolute;
	width:100%; 
	height:15px; 
	top:0; 
	left:0; 
	background:url('/images/bg/slider.jpg') center center no-repeat; }
   
#slider #scrub{ 
	cursor:move; 
	position:absolute;  top:3px; left:0; height:12px; width:12px; 
	background:url('/images/icons/slider_handle.gif') no-repeat;
}

#formcontent{
	clear:both;
}

#uploaded img{
	width:35px;
}
.clear{
	margin:0; padding:0;
	width:0; height:0;
	clear:both;
}

.righttabs{
	 width:100%;
	 height:35px;
	 border-bottom:1px solid #000;
	 list-style:none;
	 margin:0; padding:0;
}

.righttabs li {
	display:block;
	float:left;
	font-size:12px;
	background:url('/images/tabs/sub_left.jpg') top left no-repeat;
	text-decoration:none;
	margin:0 -4px 0 0; padding:0 0 0 20px;
}

.righttabs li a:link,
.righttabs li a:visited{
	text-transform:uppercase;
	display:block;
	font-size:13px;
	height:35px;
	font-weight:bold;
	margin:0; padding:10px 22px 0 0;
	background:url('/images/tabs/sub_right.jpg') top right no-repeat;
	text-decoration:none;
	color:#FFF;
}

.righttabs li.selected{
	background:url('/images/tabs/sub_selected_left.jpg') top left no-repeat;
}

.righttabs li.selected a{
	background:url('/images/tabs/sub_selected_right.jpg') top right no-repeat;
}

/* lower tabs */
/* tab menus */
#sub-tabs{
	list-style:none;
	position:relative; 
	top:5px;
	margin:0 0 -10px 10px; padding:0; 
	z-index:50;
	height:31px;	
}
#sub-tabs li{
	position:relative; float:left;
	margin:0; padding:0 15px 0 0 ;
	height:31px; width:auto;
	background:url('/images/tabs/ts_right.gif') top right no-repeat;
}
#sub-tabs li a:link,
#sub-tabs li a:visited{
	display:block; float:left;
	margin:0; padding:0 0 0 15px;
	width:auto; height:31px;
	color:#444;
	background:url('/images/tabs/ts_left.gif') top left no-repeat;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	line-height:33px;
}
#sub-tabs li.selected{
	background:url('/images/tabs/ts_selected_right.gif') top right no-repeat;
}
#sub-tabs li.selected a:link,
#sub-tabs li.selected a:visited{
	background:url('/images/tabs/ts_selected_left.gif') top left no-repeat;
	color:#111;
}

.calendar label{
	font-size:11px;
}

.calendar .event{
	width:97%;
	padding:5px;
}
.calendar .event p label{
	font-size:11px;
}

.calendar .event .checkboxwrap{
	margin:0 0 5px 0;
}

td .radiowrap{ width:60px; clear:none; float:left; height:13px; }
td .radiowrap label{
	font-size:10px;
}
td .fieldwrap label{
	width:auto;
}
td .fieldwrap{
	margin:0;
	height:auto;
}
/* for upgrades table */
.account-options{	
	width:500px;
	margin:0 auto;
}
.account-options th{
	font-size:12px;
	background-color:#FFF;
	color:#000;
	border:0;
	text-align:center;
	font-weight:normal;
	
}
.account-options th span{
	display:block;
	margin:5px 0;
	font-weight:bold;
	color:#FF6600;
}
.account-options th.feature{
	text-align:right;
	font-size:14px;
	font-weight:bold;
}
.account-options th strong, 
.account-options th a{
	display:block;
	text-align:center;
	margin:5px 0;
}
.account-options tr{
	background-color:#444;
	color:#FFF;
}
.account-options tr.even{
	background-color:#666666;
}
.account-options td{
	font-size:12px;
	padding:9px;
	text-align:center;
}
.account-options td.odd{
	background-color:#333;
	color:#FFF;
}
.account-options td span{
	color:#990000;	
}
.account-options td.feature{
	background-color:#EEE;
	color:#222;
	text-align:right;
	font-size:13px;
}
.account-options td.feature a:link,
.account-options td.feature a:visited{
	font-size:11px;
	letter-spacing:1px;
	margin:6px 0;
	font-weight:bold;
}
.account-options .exp{
	display:none;
	font-size:10px;
	line-height:17px;
}
.account-options .upgrade td a:link,
.account-options .upgrade td a:visited{
	display:block;
	color:#FFF;
}
.docblock{
	width:90%;
	padding:10px;
	border-top:1px solid #888;
	margin:0;
}
.docblock pre{
	position:relative;
	font-size:10px;
	margin:0 5px;
	padding:0;
	top:-10px;
	
}

#element_browser{
	position:relative;
	width:98%;
	background-color:#666;
	color:#FFF;	
	height:0;
	overflow:hidden;
	
}

#element_browser ul{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	width:25%;
	float:left;		
}
#element_browser ul li{
	position:relative;
	
}
#element_browser ul li a{
	position:relative;
	display:block;
	margin:5px;
	color:#FFF;
	font-size:13px;
	padding:3px 10px;
}
#element_browser ul li a.selected{
	position:relative;
	text-decoration:none;
	background-color:#EEE;
	color:#222;
}

#e-menu,#e-main,#e-secondary{
	margin:4px;
	width:96%;
}

#menu_select, .element_tab{
	width:70%;
	float:left;
}
.element_tab{
	display:none;
}
#header .selectwrap,
#footer .selectwrap{
	position:absolute;
	right:10px;
	top:1px;
	clear:none;	
}

.column{
	border:1px solid #DDD;
	border-width:0 1px;
	margin-left:-1px;
	
}
.element{
	background-color:#DCF1FA;
	position:relative;
	
}
/*
#header select, #footer select{
	width:150px;
}

#header, #footer{
	position:relative;
	width:98%;
	border:1px solid #DDD;
	height:50px;
	margin:0 0 5px 0;
}
*/
.tooltip{
		border:1px solid #CCC;
		background-color:#FFF;
		position:absolute;
		padding:3px 6px;
		font-size:10px;
		z-index:10000;
}