/* Zero all border, margin, and padding attributes
   so that all browsers start with the same defaults.
   This is also done in ext-all.css.
 */

@media print {
	.menuPanel {display:none; width:0px; }
	.actionPanel {display:none; width:0px; }
	.pagePanel {width:576px; color:black; min-height:500px; }
	.page {width:576px; }
	.pageBannerMenu {display:none; width:0px; }
}
@media screen {
	.menuPanel {float:left; width:160px; padding-left:5px; padding-right:5px; }
	.actionPanel {float:right; width: 186px; color:black; margin-left:5px; text-align:left; }
	.pagePanel {float:left; width:576px; color:black; min-height:500px; margin-left:5px; padding-right:5px; border-right: 1px solid #C0C0C0; }
	.page {width:950px; margin-left:auto; margin-right:auto; margin-bottom:10px; }
	.pageBannerMenu {float:right; margin-right:5px; height:100%; }
}


img, body, html {
	border:0pt none;
}

html, body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, p, blockquote, th, td {
	margin:0pt;
	padding:0pt;
}


/* Define site styles */

p, h1, h2, h2, h4, h5, h6 {
	margin: 1em 0;
}

ul {display: block; list-style-type: disc; 
   margin: 1em 0; 
   padding-left: 40px; 
   counter-reset: -html-counter 0;
}

/* fix for extJS */
ul.x-menu-list {
	margin: 0pt;
	padding: 0pt;
}
ul.x-tab-strip {
	list-style-type: none;
	margin: 0pt;
	padding: 0pt;
}

body, td, th, a, h2, h3, h4, h5, h6 {
	font: 100%/1.4 arial, helvetica, sans-serif;
	font-size: small;
}

body {
	margin-top: 10px;
}

textarea, input, select {
	font: 100%/1.4 arial, helvetica, sans-serif;
	font-size: small;
}

input.button {
	font: 100%/1.4 arial, helvetica, sans-serif;
	font-size: small;
}

label {
	font: 100%/1.4 arial, helvetica, sans-serif;
	font-size: small;
}

body {
	background-color: #112233;
}

#yui-main {
	color: #000000;
	background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
	color: #335566; 
}
	
a:visited, a:link {
	color: #336699;
}

a:hover {
	color: black;
}

a:active {
	color: #336699;
}

div.pageHead {
	background: url(../images/tycmasthead.jpg) no-repeat top left;
}	

div.pageBanner {
	height: 56px;
}

div.pageFooter {
	background-color: #83949E;
	color: #FFFFFF;
}

h1 {
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0.2em;
	margin-left: 0pt;
	font-size: 175%;
	font-weight: normal;
	clear: left;
}

h2 {
	font-size: 125%;
	font-weight: bold;
}

span.pageHeader {
	font: 100%/1.0 arial, helvetica, sans-serif;
	margin-top: 0pt; padding-top: 0px;
	margin-right: 0pt;
	margin-bottom: 0.2em;
	margin-left: 0pt;
	font-size: 38px;
	letter-spacing: -1px;
	font-weight: normal;
	clear: left;
	color: #ffffff;
	vertical-align: top;
}

img {
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: -moz-use-text-color;
	border-right-color: -moz-use-text-color;
	border-bottom-color: -moz-use-text-color;
	border-left-color: -moz-use-text-color;
}

div.menu { 
	background-color: #335566; 
	color: #CCCCCC; 
	padding-top: 10px;
	padding-left: 10px; 
	padding-right: 10px; 
}

a.menu:link, a.menu:visited {
	color: #99ccff;
	}

a.menu:hover {
	color: #FFFFFF;
	}

a.menu:active {
	color: #CCCCCC;
	}

.x-combo-list-inner { color: black; text-align: left }

.roundedcornr_box_490258 {
   background-color: #83949E;
}
.roundedcornr_top_490258 div {
   background: url(../images/roundedcornr_490258_tl.png) no-repeat top left;
}
.roundedcornr_top_490258 {
   background: url(../images/roundedcornr_490258_tr.png) no-repeat top right;
}
.roundedcornr_bottom_490258 div {
   background: url(../images/roundedcornr_490258_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_490258 {
   background: url(../images/roundedcornr_490258_br.png) no-repeat bottom right;
}

.roundedcornr_top_490258 div, .roundedcornr_top_490258, 
.roundedcornr_bottom_490258 div, .roundedcornr_bottom_490258 {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content_490258 { margin: 0 15px; }

.roundedcornr_box_132349 {
   background-color: #335566;
}
.roundedcornr_top_132349 div {
   background: url(../images/roundedcornr_132349_tl.png) no-repeat top left;
}
.roundedcornr_top_132349 {
   background: url(../images/roundedcornr_132349_tr.png) no-repeat top right;
}
.roundedcornr_bottom_132349 div {
   background: url(../images/roundedcornr_132349_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_132349 {
   background: url(../images/roundedcornr_132349_br.png) no-repeat bottom right;
}

.roundedcornr_top_132349 div, .roundedcornr_top_132349, 
.roundedcornr_bottom_132349 div, .roundedcornr_bottom_132349 {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content_132349 { margin: 0 15px; }

/*
 * Ext JS Library 2.3.0
 * Copyright(c) 2006-2009, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}



.upload-icon {
    background: url('/include/ext-2.3.0/examples/shared/icons/fam/image_add.png') no-repeat 0 0 !important;
}
#fi-button-msg {
    border: 2px solid #ccc;
    padding: 5px 10px;
    background: #eee;
    margin: 5px;
    float: left;
}


.example-info{
	width:150px;
	border:1px solid #c3daf9;
	border-top:1px solid #DCEAFB;
	border-left:1px solid #DCEAFB;
	background:#ecf5fe url( info-bg.gif ) repeat-x;
	font-size:10px;
	padding:8px;
}
pre.code{
	background: #F8F8F8;
	border: 1px solid #e8e8e8;
	padding:10px;
	margin:10px;
	margin-left:0px;
	border-left:5px solid #e8e8e8;
	font-size: 12px !important;
	line-height:14px !important;
}
.msg .x-box-mc {
    font-size:14px;
}
#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:250px;
    z-index:20000;
}
.x-grid3-row-body p {
    margin:5px 5px 10px 5px !important;
}