/*	GLOBAL STYLES
_____________________________________________________________*/

.clear {
	clear:both;
	display:block;
	margin:0px !important;
	padding:0px !important;
}

.red { color:#B50400; }
.center { text-align:center !important; }
.strong { font-weight:bold; }
.emphasis { font-style:italic; }

.highlight {
	font-size:10pt;
	font-weight:normal;
	padding:2px 4px 1px 4px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid #E4DC6B;
	background:#FEFBCF;
	color:#978C35;
}

.avatar {
	background:#FFF;
	padding:5px;
	border:1px solid #AAA;
}

.loadingbg {
	background:#FFF url('../images/loaders/loaderbg.gif') no-repeat;
	background-position:center center;
}

/*	FORMS AND LAYOUT BOXES
_____________________________________________________________*/

div.block {
	font-size:10pt;
	background:#FFF;
	padding:0px;
	min-width:950px;
	margin-bottom:20px;
}

div.block hr {
	height:1px;
	background:0;
	border:0;
	display:block;
	margin:0 5px 5px 5px;
	border-bottom:1px solid #BBB;
}

div.block div.head {
	font-size:1.2em;
	color:#FFF;
	border-top:1px solid #777;
	border-left:1px solid #777;
	border-right:1px solid #777;
	background-color:#777;
	padding:4px 0px 6px 4px;
	font-weight:bold;
}

div.block div.body {
	border-bottom:0px solid #AAA;
	border-left:0px solid #AAA;
	border-right:0px solid #AAA;
	font-size:1.0em !important;
	padding:0;
}

div.block div.br {
	border-right:1px dotted #BBB;
}

div.block div.box {
	margin:5px 0 5px 5px;
	padding:0 5px 0 0;
	float:left;
}

div.block div.box h1 {
	font-size:1.1em;
	font-weight:bold;
	margin:15px 0 5px 0;
}

div.block div.box table {
	border-collapse:collapse;
	width:100%;
}

div.block div.box table td,
div.block div.box table th {
	padding:5px 0 5px 0;
}

div.block div.box textarea.text {
	border:1px solid #BBB;
	padding:3px;
	resize:none;
	margin:0;
	color:#444;
	background:#FFF;
}

div.block div.box input.text {
	border:1px solid #BBB;
	padding:3px;
	resize:none;
	margin:0;
	color:#444;
	background:#FFF;
}

div.block div.box input.button {
	border:1px solid #999;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:url('../images/sprite.png');
	font-weight:bold;
	font-family:Helvetica, Arial, Sans-Serif;
	font-size:1.0em;
	color:#444;
	padding:5px 15px;
	cursor:pointer;
}

div.block div.box input.button:hover {
	background:url('../images/sprite.png') 0px -200px;
}

/*	FORM AND LAYOUT BOX COLUMNS
_____________________________________________________________*/

div.block div.col-1 	{ width:52px;  }
div.block div.col-2 	{ width:132px; }
div.block div.col-3 	{ width:262px; }
div.block div.col-4 	{ width:292px; }
div.block div.col-5 	{ width:372px; }
div.block div.col-6 	{ width:452px; }
div.block div.col-7 	{ width:532px; }
div.block div.col-8 	{ width:630px; }
div.block div.col-9 	{ width:692px; }
div.block div.col-10 	{ width:772px; }
div.block div.col-11 	{ width:852px; }
div.block div.col-12	{ width:932px; }

div.block .mheight-100	{ min-height:100px; }
div.block .mheight-125	{ min-height:125px; }
div.block .mheight-150	{ min-height:150px; }
div.block .mheight-175	{ min-height:175px; }
div.block .mheight-200	{ min-height:200px; }
div.block .mheight-225	{ min-height:225px; }
div.block .mheight-250	{ min-height:250px; }
div.block .mheight-275	{ min-height:275px; }
div.block .mheight-300	{ min-height:300px; }
div.block .mheight-350	{ min-height:350px; }
div.block .mheight-400	{ min-height:400px; }
div.block .mheight-450	{ min-height:450px; }
div.block .mheight-500	{ min-height:500px; }
div.block .mheight-550	{ min-height:550px; }

div.block .height-100	{ height:100px; }
div.block .height-125	{ height:125px; }
div.block .height-150	{ height:150px; }
div.block .height-175	{ height:175px; }
div.block .height-200	{ height:200px; }
div.block .height-225	{ height:225px; }
div.block .height-250	{ height:250px; }
div.block .height-275	{ height:275px; }
div.block .height-300	{ height:300px; }
div.block .height-350	{ height:350px; }
div.block .height-400	{ height:400px; }
div.block .height-450	{ height:450px; }
div.block .height-500	{ height:500px; }
div.block .height-550	{ height:550px; }

div.block .width-1 { width:48px; }
div.block .width-2 { width:128px; }
div.block .width-3 { width:208px; }
div.block .width-4 { width:288px; }
div.block .width-5 { width:368px; }
div.block .width-6 { width:448px; }

/*	TABLE LIST VIEW
_____________________________________________________________*/

table.list {
	border-collapse:collapse;
	border:1px solid #AAA;
	margin:0 0 20px 0;
	padding:0;
	font-size:1.1em;
	width:100%;
}

table.list th {
	border-right:1px solid #AAA;
	border-bottom:1px solid #AAA;
	border-top:1px solid #AAA;
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
	padding:6px 10px;
	background:#777;
}

table.list td {
	border-right:1px dotted #AAA;
	padding:3px 10px;
	vertical-align:middle;
	height:30px;
}

table.list tr.r1 {
	background:#FFF;
}

table.list tr.r1:hover {
	background:#F7F7F7;
}

table.list tr.r2 {
	background:#EEE;
}

table.list tr.r2:hover {
	background:#E7E7E7;
}

table.list tr.r3 {
	background:#BBB;
}

table.list td input.checkbox {
	font-size:2.0em;
}

table.list th input.checkbox {
	font-size:1.7em;
}

/*	TABBED PANEL VIEW
_____________________________________________________________*/

div.tabcontainer {
	border-top:5px solid #777;
	margin:0;
	padding:0;
	clear:both;
}

ul.tabs {
	margin:0px;
	padding:0px;
	list-style: none;
	float:left;

	display:block;
}

ul.tabs li.tab {
	float: left;
	margin:0 4px 0 0;
	padding:0;
}
	
ul.tabs li.tab a {
	border-top:1px solid #AAA;
	border-left:1px solid #AAA;
	border-right:1px solid #AAA;
	float:left;
	margin:0;
	outline:none;
	height:20px;
	padding:6px 20px 2px 20px;
	font-size:1.3em;
	font-weight:bold;
	text-decoration: none;
	color:#FFF;
	background:#AAA;
}
	
ul.tabs li.tab a:hover {
	color: #404947;
}
	
ul.tabs li.tab a.active {
	text-shadow: none;
	font-weight: bold;
	color: #FFF;
	border-top:1px solid #777;
	border-left:1px solid #777;
	border-right:1px solid #777;
	background:#777;
}

/*	TABLE LIST ACTIVITY BUTTONS
_____________________________________________________________*/

ul.button {
	margin:0px;
	padding:0px;
	white-space:nowrap;
}

ul.button li {
	margin:0 !important;
	border:0 !important;
	display: inline;
	list-style-type: none;
}

a.button,
a.icon-button,
ul.button a {
	display:inline-block;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	font-weight:bold;
	margin:0 5px 0 0;
	text-decoration: none;
	background:#DDD url('../images/sprite.png');
	border:1px solid #999;
	text-decoration: none;
}

a.button,
ul.button a {
	padding:3px 10px 3px 10px !important;
}

a.icon-button{
	margin:0 1px 0 0;
	padding:2px;
}

a.button:hover,
a.icon-button:hover,
ul.button a:hover {
	background:#DDD url('../images/sprite.png') 0px -200px;
	text-decoration: none;
}


/*	BLOG STYLES
_____________________________________________________________*/

.blog .lipad {
	margin-left: 15px;
}

.blog .lisubpad {
	margin-left: 30px;
}

.blog hr {
	border:0 !important;
	border-top:1px solid #AAA !important;
	margin:20px 5px 20px 0px !important;
	height:0px !important;
	
}

.blog .link-rss {
	background:url('../images/icons/22x22.rss.png') no-repeat;
	padding:5px 0 10px 26px;
	margin:0 0 10px 0px;
	min-height:24px;
}

/*	ERROR MESSAGE STYLES
_____________________________________________________________*/

.error {
	font-size:10pt;
	font-weight:normal;
	padding:2px 4px 1px 4px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid #E4DC6B;
	background:#FEFBCF;
	color:#B50400;
}

.error h1 {
	margin-top:5px !important;
}

/*	TOOLTIP BOX STYLES
_____________________________________________________________*/

.tooltip {
	background-color:#FFF;
	border:1px solid #AAA;
	text-align:left;
	-webkit-box-shadow: 0px 0px 30px #000;
	-moz-box-shadow: 0px 0px 30px #000;
	-opera-box-shadow: 0px 0px 30px #000;
	box-shadow: 0px 0px 30px #000;
}

/*	CONTEXTUAL MENU
_____________________________________________________________*/

#control_contextmenu {  
    border:1px solid #666;  
    background-color:#eee;  
    min-width:150px;  
} 
 
#control_contextmenu ul {  
    list-style:none;  
    padding:0;  
    margin:0;  
    cursor:pointer;  
} 
 
#control_contextmenu ul li {  
    text-align:left;  
    padding:3px 10px 3px 5px;  
    margin:0;  
    cursor:pointer;  
    font-family:"Lucida Grande",Verdana;  
    text-decoration:none;  
    color:#333;  
    font-size:12px;  
    font-weight:bold;  
    border-top:1px solid #fff;  
    border-left:1px solid #fff;  
    border-bottom:1px solid #999;  
    border-right:1px solid #999;  
} 
 
#control_contextmenu ul li.selected, 
#control_contextmenu ul li:hover {  
    color:#fff;  
    background-color:#3875d7;  
    cursor:pointer;  
} 
 
#control_contextmenu ul li.selected:hover {  
    color:#333;  
    background-color:#eee;  
    cursor:pointer;  
} 
 
#control_contextmenu ul li.disabled, 
#control_contextmenu ul li:hover.disabled {  
    background-color: #eee;  
    color:#999;  
    cursor:pointer;  
}