﻿/*body  {
	font: 100% Calibri, Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000000;
}
*/

.error { color: #FF0000; text-align: center; }
/* .ajax__tab_xp label { margin-left: 0; font: 12px Helvetica, Lucida Sans Unicode, Arial, Tahoma, sans-serif;}
.ajax__tab_body { } */


/********************************************************************************************************/
/*	GRID ITEM																							*/
/********************************************************************************************************/
.grid { color: #333333; border: solid 1px #ffffff; /*float: left;*/ }
.grid th { padding: 2px; height: 25px; }
.grid td { padding: 2px; height: 25px; }
.grid .gridrow { color: #333333; }
.grid .gridfooterrow { background-color: #808080; font-weight: bold; color: #ffffff; }
.grid .gridpagerrow { background-color: #C0C0C0; color: #ffffff; text-align: right; }
.grid .gridselectedrow { background-color: #D1DDF1; color: #333333; }
.grid .gridheaderrow { background-color: #808080; font-weight: bold; color: #ffffff; }
.grid .gridheaderrow a { color: #ffffff; text-decoration: none; }
.grid .gridalternaterow { background-color: #EFF3FB; color: #333333; }
.grid .grideditrow { background-color: #2461BF; }
/********************************************************************************************************/

/************************************/
/*				LOGIN				*/
/************************************/
#login { }
#login #form { margin: 15%  35% 0px 35%; }
#login #form .selected { border: 1px solid #6394CE; padding: 3px 0px 0px 5px; width: 300px; height: 20px; background-image: url('../../images/subheader_bg.png' ); background-repeat: repeat-x; }
#login #form .content { background-color: #DAE4DE; border-left: 1px solid #6394CE; border-right: 1px solid #6394CE; margin-left: 10px; margin-right: 2px; width: 235px; padding: 25px;  }





/********************************************************************************************************/
/*	NEW/EDIT ITEM																						*/
/********************************************************************************************************/
.inputFormnew .help { float: right; width: 190px; background: #FFFFCC; height: 1895px; padding-right: 0; padding-left: 0; overflow: auto; }
.inputFormnew .help h4 {margin: 3px 0px 10px 3px;}
.inputFormnew .help a { margin:3px;font-weight: bold; color: #003399; }
.inputFormnew .help p { margin: 2px 0px 0px 8px; }

.inputFormnew .mainContent { margin: 0 5px;
	height: 377px;
}
.inputFormnew .container { width: 730px; border: 1px solid #000000; text-align: left; height: 1895px; }
.inputFormnew .presscontainer { width: 450px; border: 1px solid #000000; text-align: left; height: 200px; }
.inputFormnew .mediacontainer { width: 450px; border: 1px solid #000000; text-align: left; height: 300px; }

.inputFormnew .container .mainContent .title { height: 25px; }
.inputFormnew .container .mainContent .details { width: 520px; height: 380px; }
/*.inputForm .container .mainContent .details .stage { border: 1px solid #808080; padding: 3px; margin: 3px; position: absolute; top: 55px; left: 440px; background-color: #C0C0C0; }*/
.inputFormnew .container .mainContent .details fieldset { border: 2px solid #C0C0C0; padding: 5px 5px 5px 5px; }

.inputFormnew .container .mainContent .details .field { width: 488px;
	height: 49px;
}
.inputFormnew .container .mainContent .details .field2 { width: 225px; }
.inputFormnew .container .mainContent .details .field4 { width: 140px; }
.inputFormnew .container .mainContent .details .field5 { width: 215px; }
.inputFormnew .container .mainContent .details .field3 { width: 225px; float: right; }
/*.inputForm .container .mainContent .details .field label { font-family: Helvetica, Lucida Sans Unicode, Arial, Tahoma, sans-serif; font-size: 11px; }*/
.inputFormnew .container .mainContent .details label { font-family: Helvetica, Lucida Sans Unicode, Arial, Tahoma, sans-serif; font-size: 11px; }
.inputFormnew .container .mainContent .details .left { float: left; padding: 0 0 4px 0; width: 480px; }
.inputFormnew .container .mainContent .details .left2 { float: left; padding: 0 0 4px 0; width: 225px; }
.inputFormnew .container .mainContent .details .left3 { float: left; padding: 0 0 4px 0; width: 140px; }
.inputFormnew .container .mainContent .details .left6 { float: left; padding: 0 0 4px 0; width: 215px; }

.inputFormnew .container .mainContent .details .right img { border: 0px; vertical-align: bottom; }
.inputFormnew .container .mainContent .details .left select { width: 460px; }
.inputFormnew .container .mainContent .details .left .input { width: 455px; }
.inputFormnew .container .mainContent .details .left6 .input { width: 190px; }
.inputFormnew .container .mainContent .details .left .checkbox { width: 40px; }
.inputFormnew .container .mainContent .details .left textarea { width: 455px; }
.inputFormnew .container .mainContent .details .right { float: right; padding: 3px 0 2px 0; width: 20px; vertical-align: bottom; }

.inputFormnew .container .mainContent .details .left .input1 { width: 130px; }

.inputFormnew  .container .mainContent .footer { float: left; height: 25px; padding: 3px; width: 530px; }
.inputFormnew  .container .mainContent .footer .buttons { width: 60px; }
.inputFormnew  .container .mainContent .footer .bleft { /*border-style: solid; border-width: 1px; */ float: left; width: 300px; text-align: left; }
.inputFormnew  .container .mainContent .footer .bright { float: right; width: 200px; text-align: right; padding: 0 4px 0 0; }

/********************************************************************************************************/
.inputForm .help { float: right; width: 190px; background: #FFFFCC; height: 450px; padding-right: 0; padding-left: 0; overflow: auto; }
.inputForm .help h4 {margin: 3px 0px 10px 3px;}
.inputForm .help a { margin:3px;font-weight: bold; color: #003399; }
.inputForm .help p { margin: 2px 0px 0px 8px; }

.inputForm .mainContent { margin: 0 5px;
	height: 527px;
}
.inputForm .container { width: 730px; border: 1px solid #000000; text-align: left; height: 540px; }
.inputForm .presscontainer { width: 450px; border: 1px solid #000000; text-align: left; height: 200px; }
.inputForm .mediacontainer { width: 450px; border: 1px solid #000000; text-align: left; height: 300px; }

.inputForm .container .mainContent .title { height: 25px; }
.inputForm .container .mainContent .details { width: 520px; height: 440px; }
/*.inputForm .container .mainContent .details .stage { border: 1px solid #808080; padding: 3px; margin: 3px; position: absolute; top: 55px; left: 440px; background-color: #C0C0C0; }*/
.inputForm .container .mainContent .details fieldset { border: 2px solid #C0C0C0; padding: 5px 5px 5px 5px; }

.inputForm .container .mainContent .details .field { width: 490px; }
.inputForm .container .mainContent .details .field2 { width: 180px; }
.inputForm .container .mainContent .details .field4 { width: 270px; }
.inputForm .container .mainContent .details .field3 { width: 225px; float: right; }
/*.inputForm .container .mainContent .details .field label { font-family: Helvetica, Lucida Sans Unicode, Arial, Tahoma, sans-serif; font-size: 11px; }*/
.inputForm .container .mainContent .details label { font-family: Helvetica, Lucida Sans Unicode, Arial, Tahoma, sans-serif; font-size: 11px; margin: 0 10px 0 8px;}
.inputForm .container .mainContent .details .left { float: left; padding: 0 0 4px 0; width: 480px; }
.inputForm .container .mainContent .details .left2 { float: left; padding: 0 0 4px 0; width: 180px; }

.inputForm .container .mainContent .details .right img { border: 0px; vertical-align: bottom; }
.inputForm .container .mainContent .details .left select { width: 450px; }
.inputForm .container .mainContent .details .left .input { width: 445px; }
.inputForm .container .mainContent .details .left .checkbox { width: 40px; }
.inputForm .container .mainContent .details .left textarea { width: 455px; }
.inputForm .container .mainContent .details .right { float: right; padding: 3px 0 2px 0; width: 20px; vertical-align: bottom; }
.inputForm .container .mainContent .details .left input1 { width: 130px; }

.inputForm .container .mainContent .footer { float: left; height: 25px; padding: 3px; width: 517px; }
.inputForm .container .mainContent .footer .buttons { width: 60px; }
.inputForm .container .mainContent .footer .bleft { /*border-style: solid; border-width: 1px; */ float: left; width: 300px; text-align: left; }
.inputForm .container .mainContent .footer .bright { float: right; width: 200px; text-align: right; padding: 0 4px 0 0; }
/********************************************************************************************************/


body, html { margin: 0px; padding: 0; }
body { margin: 0px; text-align: left; font-family: Helvetica, Lucida Sans Unicode, Arial, Tahoma, sans-serif; font-size: 11px; background-color: #BDDEFF; background-image: url(       '../../images/page_bg.png' ); background-repeat: repeat-x; }

#master #container { text-align: left; }

/********************************************************************************************************/
/*	HEADER																								*/
/********************************************************************************************************/
#master #header { padding: 15px 5px; }
#master #header div { float: right; padding: 5px 0px; }
#master #header div a { color: #FFD800; }
#master #header img, .navPanel img, .navSelect img { vertical-align: middle; margin: 0px 5px 0px 0px; border: none; }
#master #header #title { font-size: 18px; font-weight: bold; padding: 0px 0px; }
/*****************************************************************************************************/



/********************************************************************************************************/
/*	NAVIGATION																							*/
/********************************************************************************************************/
#master #left { min-height: 900px; width: 17%; margin: 5px 0px 0px 5px; border: solid 1px #6394CE; background-color: #ffffff; float: left; position: relative; }
#master #left #home { background-image: url(      '../../images/subheader_bg.png' ); background-repeat: repeat-x; }
#master #left #home a { padding: 5px 5px 5px 5px; font-weight: bold; color: #000066; display: block; text-align: left; cursor: pointer; }
#master #left #navigation #links { float: left; width: 100%; /*width: 200px;*/ vertical-align: top; }
#master #left #navigation div { /*padding: 0px 2px 0px 2px; */ }
#master #left #navigation #links .header { border: 0px solid #6394CE; padding: 5px; /*width: 184px;*/ margin-top: 3px; /*font-weight: bold;*/ cursor: pointer; background-image: url(       '../../images/subheader_bg.png' ); background-repeat: repeat-x; }
#master #left #navigation #links .header a { color: #000000; text-decoration: none; }
#master #left #navigation #links .header a:hover { background: none; text-decoration: underline; }
#master #left #navigation #links .selected { border: 0px solid #6394CE; padding: 5px; /*width: 184px;*/ margin-top: 3px; font-weight: bold; cursor: pointer; background-color: #008800; background-image: url(       '../../images/subheader_bg.png' ); background-repeat: repeat-x; }
#master #left #navigation #links a { color: #000000; text-decoration: none; }
#master #left #navigation #links a:hover { background: none; text-decoration: underline; }
#master #left #navigation #links .content { background-color: #DAE4DE; padding: 0px 5px 5px 5px; /*border-left: 0px solid #6394CE; border-right: 0px solid #6394CE; border-bottom: 0px solid #6394CE; width: 176px; */ padding-top: 5px; }
#master #left #navigation #links .content a { height: 15px; padding: 4px 4px 4px 4px; display: block; margin: 2px; color: #000066; border: 1px solid #CCCCCC; text-decoration: none; }
#master #left #navigation #links .content a:hover { background-color: #FFE88C; border: 1px solid #999999; color: #000000; }
#master #left #navigation #links .content .active { background-color: #FFE88C; border: 1px solid #999999; color: #000000; }
/********************************************************************************************************/


/********************************************************************************************************/
/*	ACCORDIAN CONTROL																							*/
/********************************************************************************************************/
#master #right { min-height: 600px; width: 15%; margin: 5px 0px 0px 5px; border: solid 1px #6394CE; background-color: #ffffff; float: left; position: relative; }
#master #right #home { background-image: url(      '../../images/subheader_bg.png' ); background-repeat: repeat-x; height: 25px; }
#master #right #home a { padding: 5px 5px 5px 5px; font-weight: bold; color: #000066; display: block; text-align: center; cursor: pointer; }
#master #right #navigation #links { float: left; width: 100%; /*width: 200px;*/ vertical-align: top; }
#master #right #navigation div { /*padding: 0px 2px 0px 2px; */ }
#master #right #navigation #links .header { border: 0px solid #6394CE; padding: 5px; /*width: 184px;*/ margin-top: 3px; /*font-weight: bold;*/ cursor: pointer; background-image: url(       '../../images/subheader_bg.png' ); background-repeat: repeat-x; }
#master #right #navigation #links .header a { color: #000000; text-decoration: none; }
#master #right #navigation #links .header a:hover { background: none; text-decoration: underline; }
#master #right #navigation #links .selected { border: 0px solid #6394CE; padding: 5px; /*width: 184px;*/ margin-top: 3px; font-weight: bold; cursor: pointer; background-color: #008800; background-image: url(       '../../images/subheader_bg.png' ); background-repeat: repeat-x; }
#master #right #navigation #links a { color: #000000; text-decoration: none; }
#master #right #navigation #links a:hover { background: none; text-decoration: underline; }
#master #right #navigation #links .content { background-color: #DAE4DE; padding: 0px 5px 5px 5px; /*border-left: 0px solid #6394CE; border-right: 0px solid #6394CE; border-bottom: 0px solid #6394CE; width: 176px; */ padding-top: 5px; }
#master #right #navigation #links .content a { height: 15px; padding: 4px 4px 4px 4px; display: block; margin: 2px; color: #000066; /*border: 1px solid #CCCCCC; */ text-decoration: none; }
/*#master #right #navigation #links .content a:hover { background-color: #FFE88C; border: 1px solid #999999; color: #000000; }*/
/*#master #right #navigation #links .content .active { background-color: #FFE88C; border: 1px solid #999999; color: #000000; }*/
/********************************************************************************************************/



/********************************************************************************************************/
/*	CONTENT																								*/
/********************************************************************************************************/
#master #right { min-height: 900px; float: right; width: 81%; margin: 5px 5px 5px 5px; background-color: #ffffff; border: 1px solid #6394CE; float: left; }
#master #right #pageheader { background-image: url(      '../../images/subheader_bg.png' ); background-repeat: repeat-x; height: 25px; }
#master #right #pageheader div  { padding: 5px; font-size: 11px; font-weight: bold; color: #000066; text-decoration: none; }
#master #right #content { overflow: auto; float: left; width: 100%; /*vertical-align: top;*/ }
#master #right #content #accordion { padding: 0px; /*padding: 0px 3px 2px 3px; */ }
#master #right #accordion p { margin-top: 5px; padding: 3px 0px 0px 3px; }
#master #right #accordion .header { border: 1px solid #6394CE; padding: 3px; margin-top: 2px; /*font-weight: bold;*/ cursor: pointer; background-image: url(       '../../images/subheader_bg.png' ); background-repeat: repeat-x; }
#master #right #accordion .header a { color: #000000; text-decoration: none; }
#master #right #accordion .header a:hover { background: none; text-decoration: underline; }
#master #right #accordion .selected { border: 1px solid #6394CE; padding: 3px; /*height: 25px;*/ margin-top: 2px; font-weight: bold; cursor: pointer; background-color: #008800; background-image: url(       '../../images/subheader_bg.png' ); background-repeat: repeat-x; }
#master #right #accordion .selected a { color: #000000; text-decoration: none; }
#master #right #accordion .selected a:hover { background: none; text-decoration: underline; }
#master #right #accordion .content { background-color: #EBEBEB; /* #D3DEEF;*/ border-left: 1px solid #6394CE; border-right: 1px solid #6394CE; border-bottom: 1px solid #6394CE; }
#master #right #accordion .content .default { padding: 0px 5px 5px 5px; padding-top: 5px; }
#master #right #accordion .content .grid { padding: 0px; padding-top: 5px; }
#master #right #content #filter { text-align: right; display: block; /*float: right; */ height: 25px; padding: 5px 5px 5px 5px; vertical-align: text-top; }
#master #right #content #grid { }
/********************************************************************************************************/



/********************************************************************************************************/
/*	FOOTER																								*/
/********************************************************************************************************/
#footer { float: left; width: 98%; margin: 5px 5px 5px 5px; vertical-align: middle; text-align: center; }
/********************************************************************************************************/


/********************************************************************************************************/
/*	TOOLBAR																								*/
/********************************************************************************************************/
#toolbar { background-image: url(      '../../images/subheader_bg.png' ); background-repeat: repeat-x; height: 25px; }
#toolbar .content { padding: 5px; float: left; }
#toolbar .content img { vertical-align: top; border: 0px; }
#toolbar .content a, #toolbar .content a:visited { padding: 2px 5px 2px; margin: 5px; color: #000000; text-decoration: none; }
#toolbar .content a:hover { background-image: url(    '../../images/nav_link_hover.png' ); background-repeat: repeat-x; }

#toolbar .right { float: right; height: 25px; }
#toolbar .right img { margin-top: 5px; vertical-align: top; border: 0px; }
#toolbar .right a, #toolbar .right a:visited { margin: 5px; }
/********************************************************************************************************/


/********************************************************************************************************/
/* TAB CONTROL */
/********************************************************************************************************/
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* xp theme */
.ajax__tab_xp .ajax__tab_header { font-family: Helvetica, Lucida Sans Unicode, Arial, Tahoma, sans-serif; font-size: 11px; background-image: url(      '../../images/tabs/tab-line.gif") repeat-x bottom; background-repeat:repeat-x;}
.ajax__tab_xp .ajax__tab_outer {padding-right:4px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) no-repeat right;height:21px;}
.ajax__tab_xp .ajax__tab_inner {padding-left:3px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) no-repeat right;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-right.gif")%>) no-repeat right;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_body {font-family: Helvetica, Lucida Sans Unicode, Arial, Tahoma, sans-serif; font-size: 11px;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}
/********************************************************************************************************/
