body {
margin:0;
padding:0;
text-align: center;
background: #000;
font-size: 11px;
font-family:arial;
/*line-height: 11px;*/
}
.yui-navset button {
position:absolute;
top:0;
right:0;
}

.tab1 {font-size: 12px;color:#fff;position:relative; height:22px; width:150px; cursor: pointer;}
.tab1 .cen {background: #566F14; line-height:22px; height:22px;margin:0px 25px; text-align: center; font-weight:bold;}
.tab1 .lef {position:absolute; width:25px; height:22px;top:0; left:0;background:url(img/tab1.gif) no-repeat 0px 0px;}
.tab1 .rig {position:absolute; width:25px; height:22px;top:0; right:0;background:url(img/tab1.gif) no-repeat -26px 0px;}

.tab2 {font-size: 12px;color:#fff;position:relative; height:22px; width:150px; cursor: pointer;}
.tab2 .cen {background: #145370; line-height:22px; height:22px;margin:0px 25px; text-align: center; font-weight:bold;}
.tab2 .lef {position:absolute; width:25px; height:22px;top:0; left:0;background:url(img/tab2.gif) no-repeat 0px 0px;}
.tab2 .rig {position:absolute; width:25px; height:22px;top:0; right:0;background:url(img/tab2.gif) no-repeat -26px 0px;}


/*
Set the "zoom" property to "normal" since it is set to "1" by the 
".example-container .bd" rule in yui.css and this causes a Menu
instance's width to expand to 100% of the browser viewport.
*/
.yui-skin-sam .yui-button button,
.yui-skin-sam .yui-button a {
    padding: 0 3px;
		line-height: 1.7;  /* ~24px */
}
/* .yui-navset defaults to .yui-navset-top */ 
.yui-skin-sam .yui-navset .yui-nav, 
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */ 
border:solid #303235; /* color between tab list and content */ 
border-width:0 0 1px; 
Xposition:relative; 
zoom:1; 
}

select {font-size:10pt}
input {font-size:10pt}

div.yuimenu .bd {

zoom: normal;

}

#pagetitle {
height:30px;
line-height:30px;
border:1px solid #243356; /* content border */
border-bottom:0px;
background:#214197 url(../../build/assets/skins/sam/sprite.png) repeat-x left -1400px; /* selected tab background */
color:#fff;
}

#color-picker-button, #color-picker-button2, #color-picker-button3, #color-picker-button4, #color-picker-button5, #color-picker-button6, #color-picker-button7, #color-picker-button8, #color-picker-button9, #color-picker-button10 {	vertical-align: baseline;	 padding:0; margin:0;}
#color-picker-button button, #color-picker-button2 button, #color-picker-button3 button, #color-picker-button4 button, #color-picker-button5 button, #color-picker-button6 button, #color-picker-button7 button, #color-picker-button8 button, #color-picker-button9 button, #color-picker-button10 button { outline: none;  /* Safari */   line-height: 1.5; }

.current-color-class {

display: block;
display: inline-block;
*display: block;    /* For IE */
margin-top: .5em;
*margin: .25em 0;    /* For IE */
width: 1em;
height: 1em;
overflow: hidden;
text-indent: 1em;
background-color: #fff;
white-space: nowrap;
border: solid 1px #000;

}

.yui-navset .yui-content {
display:none;
}

.yui-content { 
background:#B9BCC0; /* content background color */ 
} 

/*
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
#dialog {			
border-collapse:collapse;border-spacing:0;

}


#ttab1 { padding-top:10px;padding-left:10px}
#ttab2 { padding-top:10px;padding-left:10px}
#ttab3 { padding-top:10px;padding-left:10px}
#ttab4 { padding-top:10px;padding-left:10px}
#ttab5 { padding-top:10px;padding-left:10px}



/* Hide default colors for the ColorPicker instance. */

.yui-picker-controls,  .yui-picker-swatch,  .yui-picker-websafe-swatch { display: none; }

#color-picker-menu .bd {  width: 220px; height: 216px; }

ul.draglist { 
position: relative;

background: #f7f7f7;
border: 1px solid gray;
list-style: none;
margin:0;
padding:6px;
width: 316px;
}

ul.draglist li {
margin: 1px;
cursor: move;
/*cursor: url(openhand.cur), move;*/
}

ul.draglist_alt { 
position: relative;
list-style: none;
margin:0;
padding:0;
/*
 The bottom padding provides the cushion that makes the empty 
 list targetable.  Alternatively, we could leave the padding 
 off by default, adding it when we detect that the list is empty.
*/
padding-bottom:20px;
}

ul.draglist_alt li {
margin: 1px;
cursor: move; 
}

li.list1sel {
background-color: #E1E3EE;
border:1px solid #B6BFCD;
}

li img { padding: 0px 2px 0px 5px}

li.list1 {
background-color: #EDEDED;
border:1px solid #C3C3C3;
}

li.list1 img { padding: 0px 2px 0px 5px}

li.list2 {
background-color: #D8D4E2;
border:1px solid #6B4C86;
}

.tbl td { height:21px; }

/*media manager*/
.yui-skin-sam .yui-dt table {margin:0;padding:0;font-family:arial;font-size:10px;}	 
.yui-dt-bd {background-color:#ffffff;}
.yui-dt-message .yui-dt-first  {display:none;}

.yui-skin-sam .yui-dt-scrollable .yui-dt-data tr.yui-dt-last td{border-bottom:0px solid #7F7F7F;}

/*top paginator*/
#yui-dt0-paginator0 {display:none}

/*pages*/

.yui-skin-sam .yui-pg-first, .yui-skin-sam .yui-pg-previous {
color: #000;
margin-right:12px;
}

.yui-skin-sam .yui-pg-next, .yui-skin-sam .yui-pg-last {
color: #000;
margin-left:10px;
}

.yui-skin-sam a.yui-pg-page, .yui-skin-sam a.yui-dt-page { 
border:1px solid #CBCBCB; 
padding:2px 6px; 
color: #000;
text-decoration:none;
background-color:#ddd;
margin-right:2px;
} 
.yui-skin-sam .yui-pg-current-page, .yui-skin-sam .yui-dt-selected { 
border:1px solid #CBCBCB;
padding:2px 6px; 
margin-right:2px;
color: #000;
background-color:#f0f0f0; 
} 

/*item select*/
.yui-skin-sam th.yui-dt-highlighted, .yui-skin-sam th.yui-dt-highlighted a { 
background-color:#E1E2E3; /* med blue hover */ 
} 
.yui-skin-sam tr.yui-dt-highlighted, .yui-skin-sam tr.yui-dt-highlighted td.yui-dt-asc, .yui-skin-sam tr.yui-dt-highlighted td.yui-dt-desc, 
.yui-skin-sam tr.yui-dt-even td.yui-dt-highlighted, .yui-skin-sam tr.yui-dt-odd td.yui-dt-highlighted { 
cursor:pointer; 
background-color:#E1E2E3; /* med blue hover */ 
} 

/* enable highlighting in list mode */ 
.yui-skin-sam .yui-dt-list th.yui-dt-highlighted, .yui-skin-sam .yui-dt-list th.yui-dt-highlighted a { 
background-color:#E1E2E3; /* med blue hover */ 
} 
.yui-skin-sam .yui-dt-list tr.yui-dt-highlighted, .yui-skin-sam .yui-dt-list tr.yui-dt-highlighted td.yui-dt-asc, 
.yui-skin-sam .yui-dt-list tr.yui-dt-highlighted td.yui-dt-desc, .yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-highlighted, 
.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-highlighted { 
cursor:pointer; 
background-color:#E1E2E3; /* med blue  hover */ 
}

.yui-skin-sam tr.yui-dt-selected td, .yui-skin-sam tr.yui-dt-selected td.yui-dt-asc, .yui-skin-sam tr.yui-dt-selected td.yui-dt-desc { 
background-color:#6B6D70; /* selected row */ 
color:#FFF; 
}