﻿/*---------Reset---------*/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
	color:#000;
	background:#FFF;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
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 {
	padding:0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
th,td {
    white-space: nowrap;
}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}

/*---------Fonts---------*/
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
    }

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}



/*********************默认*****************************/
html
{
}
body
{
    color: #000000;
    font-family: Arial;
    font-family: 宋体;
    font-family: 微软雅黑;
}

a
{
    color: #000000;
}

td
{
    color: #000000;
    white-space:nowrap;
}

img
{
    border: none;
}

input[type=text], input[type="password"], select, textarea
{
    border: 1px solid #aeaeae;
    }

select
{
    font-size: 12px;
}
select option
{
    font-size: 13px;
}

fieldset
{
    border: 1px solid #B5C3D6;
    padding: 5px;
}
/*********************标题*****************************/
.app-title
{
    height:26px;
    padding:5px 0 5px 18px;
    border-bottom: 1px solid silver;
    border-bottom-color: #CCCCCC;
    display: none;
}
.app-title .text
{
    padding-left:28px;
    float:left;
    font-size: 1.5em;
    font-weight: bold; 
    color: Orange;
    background-image:url(images/title.png);
    background-position:left top;
    background-repeat:no-repeat;
}
.app-title .option
{
    font-size: 1.5em;
    float:right;
    margin-right:40px;
}


/*********************工具栏*****************************/
.app-toolbar
{
    height:20px;
    padding:8px 0 8px 18px;
    border-bottom:1px solid silver;
}

/*********************搜索栏*****************************/
.app-search
{
    padding:0;
    /*border-bottom:1px solid silver;*/
}
.app-search .row
{
    height:26px;
    white-space:nowrap;
}
.app-search .row td
{
    padding-right:10px;
}
.app-search input,select
{
    margin-left: 6px;
}
.app-search .btn-search
{
    margin-left:20px;
}

/*********************列表*****************************/
.app-list
{
    padding:0;
    width:1000px;
}
.app-list .table
{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #B5C3D6;
}
.app-list .table .header th,.app-list .table .header td
{
    height:20px;
    border: 1px solid #B5C3D6;
    padding:3px;
    font-weight:bold;
    background-image:url(images/header.png);
    background-repeat:repeat-x;
    white-space:nowrap;
}
.app-list .table .evenrow
{
    white-space:nowrap;
    background-color: #EDF3FC;
}
.app-list .table .oddrow
{
    white-space:nowrap;
}
.app-list .table td
{
    height:20px;
    padding: 3px;
    border-style: dotted;
    border-width: 1px;
    border-color: inherit;
    white-space:nowrap;
}
.app-form .table .app-list .pager,.app-list .pager
{
    border: 1px solid #B5C3D6;
    border-collapse: collapse;
    margin:0;
    
    height:26px;
    border-top-style:none;
    background-image:url(images/header.png);
    background-repeat:repeat-x;
}
.app-form .table .app-list .pager table,.app-list .pager table
{
    padding: 0;
    margin: 0;
    border: none;
}
.app-form .table .app-list .pager table td,.app-list .pager table td
{
    padding: 0;
    margin: 0;
    border: none;
}


/*********************表单*****************************/
.app-form
{
    padding: 0;
}
.app-form .table
{
    border: 1px solid #B5C3D6; 
}
.app-form .table .titlerow td
{
    font-size: 1.3em;
    font-weight: bold;
    padding: 6px;
    border-bottom: 2px dotted #B5C3D6;
    border-bottom-style: groove;
}
.app-form .table .datarow td
{
    padding-left:8px;
    padding-right:8px;
    padding-top:10px;
    padding-bottom:4px;
    border:1px solid #B5C3D6;
}
.app-form .table .datarow td input[type="text"],.app-form .table .datarow td select
{
    margin: 0;
    border:1px solid silver;
    padding: 3px 2px 3px 3px;
}
.app-form .table .operrow td
{
    padding:6px 6px 20px 6px;
    border-style:none;
    border-top:1px dotted #BCC7D8;
}
.app-form .table .operrow *
{
    margin-right:20px; 
}
.app-form .table .listrow
{
    border-top:2px dotted #BCC7D8;
    padding:10px;
}


.app-form .div 
{
    border: 1px solid #B5C3D6; 
}
.app-form .div .titlerow
{
    font-size: 1.3em;
    font-weight: bold;
    padding: 6px;
    border-bottom: 2px dotted #B5C3D6;
    border-bottom-style: groove;
}
.app-form .div .datarow
{
    padding:6px;
}
.app-form .div .datarow td input[type="text"],.app-form .div .datarow td select
{
    margin: 0;
    border-style:none;
    border-bottom:1px solid silver;
}
.app-form .div .datacol
{    
    display: inline-block;
    zoom: 1; *display: inline; /* IE < 8: fake inline-block */
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align:middle;
    overflow:hidden;
    width:100px;
}
.app-form .div .operrow
{
    padding:6px 6px 20px 6px;
    border-style:none;
    border-top:1px dotted #BCC7D8;
}
.app-form .div .operrow *
{
    margin-right:20px; 
}
.app-form .div .listrow
{
    border-top:2px dotted #BCC7D8;
    padding:10px;
}

/*********************标签页*****************************/
.app-tab
{
    padding: 0 0 0 18px;
    border-bottom: 1px solid #BCC7D8;
    height:36px;
    vertical-align:text-bottom;
}
.app-tab ul
{
}
.app-tab ul li
{
    float:left;
    padding:5px 10px 0 10px;
    margin-left:5px;
    min-width:50px;
    text-align:center;
    cursor:pointer;
    text-decoration:none;
}
.app-tab ul li a
{
    text-decoration:none;
}
.app-tab ul li a:hover
{
    text-decoration:underline;
}
.app-tab .tab
{
    height:20px;
    margin-top:10px;
    border:1px solid gray;
    border-bottom-style:none;
    background-color: #BCC7D8;
}
.app-tab .hovertab
{
    height: 20px;
    margin-top: 10px;
    border: 1px solid gray;
    border-bottom-style: none;
    background-color: #F0F0F0;
}
.app-tab .selectedtab
{
    height: 25px;
    margin-top:5px;
    border: 1px solid gray;
    border-bottom-style: none;
    padding-left:20px;
    padding-right:20px;
    font-size:1.2em;
    cursor:default;
}

/*********************布局*****************************/
.app-layout
{
    padding: 18px 0 8px 18px;
    
    letter-spacing: -0.31em; /* webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */  
    white-space:nowrap;
}
.app-layout .row
{
    display:block;
    border-style:none;
}
.app-layout .col
{   
    display: inline-block;
    zoom: 1; *display: inline; /* IE < 8: fake inline-block */
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    overflow:auto;
}
.app-container1
{
    padding: 0 0 8px 0;
}
.app-container2
{
    padding: 0 0 8px 18px;
}

/*********树结构**************************/
.tree *
{
    height: auto;
    vertical-align: top;
    padding: 0;
}

/**********Jquery-UI************************/
.ui-dialog .ui-dialog-titlebar,.ui-dialog .ui-dialog-titlebar-close
{
    padding-top: 0;
    padding-bottom: 0;
}