/*UNIVERSAL APPLICATION STYLES*/

/* SYSTEM BUTTONS */

.system-button, .cancel-button {
background:#EDEDED url(images/bg-system-btns.gif) repeat-x scroll left center;
border:1px solid #9EA09A;
color:#000000;
cursor:pointer;
display:block;
float:left;
font-size:12px;
font-weight:bold;
height:27px;
margin:0 0 0 2px;
padding:0 5px;
text-decoration:none;
}

.system-button div, .cancel-button div {
background-position:0 0;
background-repeat:no-repeat;
height:18px;
margin:2px 0 0;
padding:1px 3px 2px 20px;
}

.system-button:hover { 
	border: 1px solid #000;
}


/*SPECIFIC*/
.edit-web-page div 	{ background-image: url(http://1.latest.pdesas.appspot.com/Content/Images/edit_16.png); _background-image: url(../images/icons/edit.gif);}
.save div 	{ background-image: url(http://1.latest.pdesas.appspot.com/Content/Images/save_16.png); _background-image: url(../images/icons/save_16.gif); }
.delete div { background-image: url(http://1.latest.pdesas.appspot.com/Content/Images/delete.png); _background-image: url(../images/icons/delete.gif);}
.cancel div { background-image: url(http://1.latest.pdesas.appspot.com/Content/Images/delete.png); _background-image: url(../images/icons/delete.gif);}
.add div 	{ background-image: url(http://1.latest.pdesas.appspot.com/Content/Images/add.png); _background-image: url(../images/icons/add.gif);}

#save 		{ float: right; margin-top: 15px; margin-bottom: 0px;}

#save p		{ margin: 0; padding: 0; font-size: 12px;}


/* default grid view table */
table.GridView { 
	width:100%; 
	font-size: 11px;
	color: #000;
	background: #fff;
	border: 1px solid #9ea09a;
	}

table.GridView a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
	}
	
	.topic_count { text-align: center; }
	
table.GridView a:hover {
	color: #4e9a06;
	}

.GridView tr, .GridView td, .GridView th {padding: 5px;}
.GridView tr.alt { background-color:#ebfaff; }
.GridView tr.header { background:#d7d7d7 url("images/bg_table_head.gif") repeat-x left top; }
.GridView tr.header td, .GridView tr.header th
{
    text-align: left;
	font-weight: bold;		
}	
.GridView tr.separator{ background-color:#004354;}
.GridView tr.disabled { background-color:#FDF46B; }
/* grid view table */


.leftcolumn	{ 
    float: left; 
    width: 280px; 
    border: 1px solid #ccc;
	padding-bottom: 20px;
	
    }

.contentcolumn {
	float: left;
	width: 635px;
	margin-left: 10px;
	border: 1px solid #ccc;
}


.TitleBarContainer{ width: 100%; }

.TitleBar
{
    font-size: 12px;
	padding: 5px 10px;	
	background: #CDCB1C;
	border-bottom:2px solid #A3A000;
	display: block;
}

.TitleBarText { float:left; font-weight: bold; }

.TitleBarOptions{ padding: 0 2px; float:right; }


.ToolbarContainer { 
   /*background:#CDCB1C url(http://1.latest.pdesas.appspot.com/Content/Images/subsection-pattern.gif) repeat-x scroll center bottom;*/
   margin-top: 15px;
   margin-left: 15px;
   margin-right: 15px;
   border: 1px solid #ccc;
   
   background:#eee;
}
 
.ToolbarContainer .tool{ 
    border-right: 1px solid #ccc;
    color:#43413E;
    display:block;
    float:left;
    font-size:9px;
    font-weight:bold;
   
    padding: 12px 20px 8px;
    text-decoration:none;  
}

.ToolbarContainer .tool.last { 
    /*border:none;*/
}
    
.ToolbarContainer .tool img, .ToolbarContainerFull .tool img{ margin: 0 auto; display:block; } 
   
.ToolbarContainer .tool:hover, .ToolbarContainerFull .tool:hover, .ToolbarContainer .selected, .ToolbarContainerFull .selected{ 
    /*background:#FFFFFF url(http://1.latest.pdesas.appspot.com/Content/Images/standard-tabs-bg.png) repeat-x scroll 0 0;*/
    background:#fff;
   cursor: pointer;
text-decoration:none;
}


#apptools {
    background: #fff;
    padding: 15px;
    
}

#inner_fullcontent #apptools {
	border: 1px solid #9ea09a;
    background: #fff;
    position: relative;
    padding: 15px;
    width: 856px;
}

	#apptools h3	{ margin: 0; padding: 0;}
	#apptools h4 	{ margin: 0 0 15px 0; font-weight:normal; font-size: 11px; text-decoration:none; }
	
	#apptools dl, 
	#apptools dd, 
	#apptools dt { margin: 0; padding: 0; }
	#apptools dl { 
		float:left; 
		background: #fff; 
		border: 1px solid #9ea09a; 
		margin: 0 15px 8px 0;
		padding: 0 0 15px 0;
		text-align: center;
	}
	#apptools dl:hover { border: 1px solid #f00; }
	#apptools dl.last { margin-right: 0; }
	
	#apptools img { display: block; margin: 0; padding: 0; }

	#apptools #standard_results{ margin-top:5px; width:100%;}
	#apptools #standard_results img {
		display:inline;
	}
		
.app-module {
	margin-bottom: 15px;
	padding: 15px;
}
.app-module-editor {
	width: 566px;
}
.app-module-prop {
	width:225px;
}
.app-module-bg {
	border: 1px solid #ccc;
	background: #eee;
}

.survey-module-bg {
	border: 1px solid #ccc;
	background: #fff;
}

.survey-title input {
    width: 100%;
}

.app-tree {
	border: 1px solid #ccc;
}

	ul.app-tree, .app-tree ul, .app-tree li 	{ 
		list-style: none; 
		margin: 0; 
		padding: 0;
	}
	
	#apptools ul.app-tree h2, 
	#apptools ul.app-tree h3, 
	#apptools ul.app-tree h4  { 
		margin: 0; 
		padding: 0; 
		float: left;
	}
	#apptools ul.app-tree h2 { font-size: 14px;}
	#apptools ul.app-tree h3 { font-size: 12px; margin-top: 5px; margin-bottom: 5px;}
	#apptools ul.app-tree h4 { font-size: 10px; font-weight: normal; }
	
	
	.tools-menu { float: right; }
	.tools-menu li { float: left; }
	
		
		#apptools ul.app-tree a, #apptools ul.app-tree .my-pages, .back a {
			cursor: pointer;
			display: block;
			height: 16px;
			margin: 0 0 0 20px;
			padding: 8px 5px 2px 23px;
			color:#000; 
			text-decoration:none;
			background-repeat: no-repeat;
			background-position: 5px 5px;
		}
		
		#apptools ul.app-tree table td a {margin: 0; padding: 0;}
		
		#apptools ul.app-tree .mceListBox .mceOpen {background-position: -741px 0; margin-right: 3px;}
		
		#apptools ul.app-tree .mceStatusbar div a {display: inline;}
		
		 #apptools ul.app-tree .mceStatusbar a.mceResize {
            background-position:-800px 0;
            cursor:se-resize;
            display:block;
            float:right;
            height:20px;
            width:20px;
            }
		
		#apptools ul.app-tree .my-pages { margin: 5px 0 10px 5px; background-position: 5px 8px;}
		
		#apptools ul.app-tree .site-name span { float: left; margin-top: 7px; margin-left: 3px;}
		#apptools ul.app-tree .site-name span input{ margin-top: 7px;}
		#apptools ul.app-tree .site-name .tools-menu {margin: 5px;}
		#apptools ul.app-tree .tools-menu li , .back a, #apptools ul.app-tree .tools-menu li.date {  margin-left: 0;}
		#apptools ul.app-tree a:hover , #apptools ul.app-tree .tools-menu li a:hover, .back a:hover { color:#5f5f5f; }

		/*SPECIFIC*/
		#apptools ul.app-tree .post a 			{ background-image: url(images/icons/blogs_16.png); _background-image: url(images/icons/blogs_16.gif);}
		#apptools ul.app-tree .announcement a 	{ background-image: url(images/icons/announce_16.png); _background-image: url(images/icons/announce_16.gif);}
		#apptools ul.app-tree .webpage-on a 	{ background-image: url(images/icons/webpage_16.png); _background-image: url(images/icons/webpage_16.gif);}
		#apptools ul.app-tree .webpage-off a 	{ background-image: url(images/icons/webpage_off_16.png); _background-image: url(images/icons/webpage_off_16.gif);}
		#apptools ul.app-tree .home a 			{ background-image: url(images/icons/home_16.png); _background-image: url(images/icons/home_16.gif);}
		#apptools ul.app-tree .setting a 			{ 
		    background-image: url(images/icons/gear_16.png); 
		    _background-image: url(images/icons/gear_16.gif);
		    }
		#apptools ul.app-tree .my-pages 		{ background-image: url(images/icons/computer_16.png); _background-image: url(images/icons/computer_16.gif);}
		
		#apptools ul.app-tree .tools-menu li.edit-web-page a 					{ background-image: url(images/icons/edit_16.png); _background-image: url(images/icons/edit.gif);}
		#apptools ul.app-tree .tools-menu li.add-post a 				{ background-image: url(images/icons/blog_entry_16.png); _background-image: url(images/icons/blog_entry_16.gif);}
		#apptools ul.app-tree .tools-menu li.delete a					{ background-image: url(images/icons/delete.png); _background-image: url(images/icons/delete.gif);}
		#apptools ul.app-tree .tools-menu li.add-announcement a 		{ background-image: url(images/icons/add_announcement_16.png); _background-image: url(images/icons/add_announcement_16.gif);}
		#apptools ul.app-tree .tools-menu li.add-page a 				{ background-image: url(images/icons/add_webpage_16.png); _background-image: url(images/icons/add_webpage_16.gif);}
		#apptools ul.app-tree .tools-menu li.add-sub-page a 			{ background-image: url(images/icons/add_webpage_16.png); _ackground-image: url(images/icons/add_webpage_16.gif);}
		
		#apptools ul.app-tree .tools-menu li.offline a 			{ background-image: url(images/icons/offline.gif);}
		#apptools ul.app-tree .tools-menu li.online  a 			{ background-image: url(images/icons/online.gif);}
		
		.close_tree								{ background: url(images/icons/close_tree_16.gif) no-repeat 5px 5px;}
		.open_tree								{ background: url(images/icons/open_tree_16.gif) no-repeat 5px 5px;}
		.app-tree li ul li h4					{ background: url(images/icons/connect_tree_16.gif) no-repeat 5px 5px;}
		.back a									{ background: url(images/icons/left_16.gif) no-repeat 5px 5px;}
		
	

	.app-tree li div	{ border-bottom: 1px solid #ccc; }
	.app-tree li div.level_1		{ background: #eee; }
	.app-tree li.site-name div		{ background: #CDCB1C; border-bottom:2px solid #A3A000;}
	
	.app-tree li ul li, .app-tree li ul li div, .app-tree .site-name, .app-tree .last{ border: none;}
	.app-tree li ul li { font-size: 12px; }
	.app-tree li ul { margin-left: 18px; margin-top: 5px; margin-bottom: 5px;}
	
/************** END UNIVERSAL APPLICATION STYLES*/