/********************************************************
* OFCDesk, LLC - Copyright 2008
* CSS Version: 2.1
*********************************************************
* Product	: OFCDesk Intra
* Filename	: styStyle.css
* Version	: 1.0
*
* Author	: OFCDesk, LCC
* Date  	: 26/01/2009
********************************************************/


/********************************************************
=|general
********************************************************/
*
{
	border:				none;
	font-family:		"Trebuchet MS", Verdana, sans-serif;
	font-size:			12px;
	list-style:			none;
	/*letter-spacing:     0.2px;*/
	margin:				0;
	padding:			0;
	text-decoration:	none;
}

body
{
	background:			#535F6E;
}

table
{ 
    border-collapse:    collapse;
    border-spacing:     0;
} 

div#container
{
	display:			block;
	width:				100%;
	
}

/********************************************************
=|general links
********************************************************/
a:link
{
	color:				#333;
	font-weight:        bold;
}

a:visited
{
	color:				#333;
	font-weight:        bold;
}

a:hover
{
	color:				#0099e6;
	font-weight:        bold;
}

a:active
{
	color:				#333;
	font-weight:        bold;
}

/********************************************************
=|login
********************************************************/
div#login
{
	background:			#fff;
	display:			block;
	height:				75px;
	margin:             80px 0 0 0;
	width:				100%;
	color: #333;
}

div#loginContent
{
	display:			block;
	height:				60px;
	margin:				0 auto;
	width:				940px;
}

div#loginContent img
{
	float:				left;
	margin:				0px 0 0 10px;
}

div#loginContent fieldset
{
	float:				right;
	margin:				21px 10px 0 0;
}

div#loginContent label
{
	clear:				both;
	font-weight:		bold;
	padding: 			10px 0 0 0;
}

div#loginContent input.text
{
	background:			#fff;
	border:				1px solid #aaa;
	margin:				0 10px 0 0;
	width:              190px;
}

div#loginContent input.button
{
    background: #9DCB3C;
    color:		#fff;
    font-weight: bold;
    padding: 5px 15px 5px 15px;
}



/********************************************************
=|header
********************************************************/
div#header
{
	background:			#fff;
	display:			block;
	height:				76px;
	width:				99.9%;
	border:1px solid #FFF;
}

div#headerContent
{
	display:			block;
	height:				76px;
	margin:				0px;
	width:				1010px;
}

div#headerContent img
{
	float:				left;
	display: block;
	margin:				0 0 0 25px;
}

/********************************************************
=|message
********************************************************/
div#message
{
    clear:              both;
    display:			block;
    margin:				0;
    padding:            0;
}
div.error
{
	font-size:			11px;
	color:				#f00;
}

div.messageContentError
{
    background:			#fff;
    color:				#f00;
   	font-size:			11px;
	font-weight:		bold;
    margin:				10px auto 0 auto;
    overflow:           hidden;
    padding:			2px 10px;
    text-align:			center;
    width:				920px;
}

div.messageContentNotice
{
    background:			#fff;
    color:				#00f;
   	font-size:			11px;
	font-weight:		bold;
    margin:				10px auto 0 auto;
    overflow:           hidden;
    padding:			2px 10px;
    text-align:			center;
    width:				920px;
}

div.messageContentSuccess
{
    background:			#fff;
    color:				#0f0;
   	font-size:			11px;
	font-weight:		bold;
    margin:				10px auto 0 auto;
    overflow:           hidden;
    padding:			2px 10px;
    text-align:			center;
    width:				920px;
}

.warningInfo
{
    background: #9CCB3E;
    border: 1px solid #BEED5F;
    color: #FFFFFF !important;
    padding: 2px 5px;
    display:inline;
    font-size: 10px;
    margin:0px;
}  

/********************************************************
=|main
********************************************************/
div#main
{
	display:			block;
	margin:				10px auto 10px 0px;
	width:				1004px;		
}

div#main h2
{
	color:				#9DCB3C;
	font-size:			20px;
	margin:				0 0 0px 5px;
	white-space:        nowrap;
}

.titleLine
{
	display:table-cell;
	vertical-align:top;
	width:100%;
	height:34px;
}


.tLine
{
	border-top:		2px solid #9DCB3C;
	border-right:	2px solid #9DCB3C;
	margin-top:14px;
	margin-left:5px;
	height:20px;
	width:auto; 
}

.emptyLine
{
    height:2px;
    width:100%;
    background-color:#9DCB3C; 
}

.titleText
{
	display:table-cell;
	width:auto; 
}

div#main p
{
	clear:              both;
	display:			block;
	margin:				10px 0 0 0;
}

div#main fieldset
{
	border:				1px solid #ccc;
	margin:             0 0 10px 0;
	padding:			0 10px 10px 10px;
}

div#main legend
{
	font-weight:		bold;
}

div#main label.description
{
	clear:				both;
	display:			block;
	font-weight:		bold;
	padding: 			10px 0 0 0;
}

div#main input.text
{
	background:			#fff;
	clear:				both;
	border:				1px solid #9DCB3C;
	display:			inline;
}


.asplabel
{
	background:			#fff;
	display:			block;
    float:              left;
}

.aspimage
{
	display:			block;
    float:              left;
}

.asptextbox
{
    float:              left;
	margin: 			0px 10px 0 10px;
	border:				1px solid #aaa;
	display:			block;
}

.textboxwidth
{
    width:400px;
}

.aspcombobox
{
    float:              left;
	margin: 			0px 10px 0 10px;
	border:				1px solid #aaa;
	display:			block;
}

.aspuploadbox
{
    float:              left;
	margin: 			0px 10px 0 10px;
	border:				1px solid #aaa;
	display:			block;
}

.uploadboxwidth
{
    width:400px;
}

div#main input.check
{
	float:				left;
}

.chkTable label
{
	padding-left:5px;
	float:left;
	display:block;
}

.chkTable input
{	
    margin-left:10px;
    margin-top:2px;
    float:right;
}


.rdbTable td
{
    padding:5px;
    padding-top:10px;  
    background-color:#DDD;
}

div#main input.radio
{
	float:				left;
}

div#main label.option
{
	display:			block;
	float:				left;
	font-weight:		bold;
	margin: 			0 5px;
	white-space:		nowrap;
}

div#main select
{
	background:			#fff;
	border:				1px solid #9DCB3C;
	display:			block;
    width: 277px;
    }

div#main textarea
{
	background:			#fff;
	clear:				both;
	border:				1px solid #aaa;
	display:			block;
}

div#main input.button
{
	background: #9DCB3C;
    color:		#fff;
    font-weight: bold;
    padding: 5px 15px 5px 15px;
	display:			block;
	float:				right;
	margin-right:50px; 
	margin-top:5px; 
}

div#main input.buttonCombo
{
	background: #9DCB3C;
    color:		#fff;
    font-weight: bold;
    padding: 5px 15px 5px 15px;
	display:			block;
	float:				left;
	margin: 			-20px 0 0 180px;	
}

div#main table.grdTable, div#main table.grdTable table, div#main table.chkTable 
{
    border: 2px solid #aaa;
	background-color:#FFF;
}

div#main table.grdTable th, div#main table.grdTable table th
{
    background:         #aaa;
	border-left:		1px solid #aaa;
	border-top:			1px solid #aaa;
	color:              #fff;
	padding:            5px;
	text-align:			center;
}

div#main table.grdTable td, div#main table.grdTable table td, div#main table.chkTable td
{
	 border-bottom:1px solid #cccccc;
	 border-right:1px solid #cccccc;
	 text-align:center;
	 word-wrap: break-word;
	 color:     #444;
	 padding:   10px;
}


div#main table.grdTable tr:hover, div#main table.chkTable tr:hover
{
    background-color:#CCC;
}

div#main table.grdTable table 
{
    border:1px solid #ccc;
}

div#main table.grdTable table td
{
    padding:0px;
    min-width:40px;
    color:#FFF;
    background-color:#535F6E;
}

div#main table.grdTable table tr:hover
{
    background-color:#FFF;
}

div#main table.grdTable table tr td a
{
    color:#535F6E;
    background-color:#FFF;
    width: 40px;
    display:block;
    height:20px;
    padding-top:2px;
}

div#main table.grdTable table tr td a:hover
{
    color:#FFF;
    background-color:#9DCB3C;  
}

div#main table.grdTable a, div#main table.grdTable table a, div#main table.chkTable a
{
	white-space:        nowrap;
	color:#444;
}

div#userInfo
{
	display:			block;
	float:				left;
	margin:				0 0 0 10px;
	color:				#fff;
	font-weight:		bold;
	margin: 10px 20px;
	font-size: 14px;
}

/********************************************************
=|main content
********************************************************/
div#main div#mainContent
{
	background:			#fff;
	border-radius:      7px; 
	float:				right;
	margin:				0px 0px 5px 0px;
	padding:			10px;
	padding-bottom: 20px;
	width:				96%;
}

div#main div#mainContent dl dt
{
    font-weight:        bold;
}

div#main div#mainContent dl dd
{
    margin:             0 0 20px 20px;
}

div#main div#mainContent dl dd span
{
    color:				#0099e6;
	display:			block;
	font-weight:        bold;
	text-align:         right;
}

div#main div#mainContent input.text
{
    width:              285px;

}

div#main div#mainContent textarea
{
    height:             70px;
    width:              685px;
}

/********************************************************
=|footer
********************************************************/
div#footer
{
	clear:				both;
	color:				#fff;
	display:			block;
	font-weight:		bold;
	margin-left:		15px;
	margin-bottom:      50px;
	padding:			10px 0 0 0;
	width:				960px;
}

div#footer div#poweredBy
{
	display:			block;
	float:				right;
	margin:				0 10px 0 0;
}

div#footer div#poweredBy a:link
{
	color:				#fff;
}

div#footer div#poweredBy a:visited
{
	color:				#fff;
}

div#footer div#poweredBy a:hover
{
	color:				#0099e6;
}

div#footer div#poweredBy a:active
{
	color:				#fff;
}

/******************************************************** TODO
=|Telas de activation - Miguel ocupado com outro projeto, inseri esse estilo prá quebrar galho
********************************************************/
div.mainBox
{
	background-color:	#fff;
	clear:				both;
	display:			block;
	margin:				0 0 15px 0;
	padding:			10px;
	overflow:			hidden;
}

.options
{
	clear:				both;
	display:			block;
	font-weight:		bold;
	margin:				10px 0 0 0;
}

.options td
{
	padding:			1px;
	white-space:		nowrap;
}

.options input
{
	float:				left;
	margin:				10px 2px 0 5px;
	_margin:			8px 2px 0 5px;
}

.options label
{
	clear:				none;
	float:				left;
}

/***************************************
***************************************/

div#report table
{
	border-bottom:		1px none #fff;
	border-right:		1px none #fff;
	background:         #fff;
	border-left:		1px none #fff;
	border-top:			1px none #fff;
	color:              #fff;
	padding:            2px 4px;
	text-align:			center;
	width:auto;
}

div#report table td
{
	border-left:		1px none #fff;
	border-top:			1px none #fff;
	padding:            2px 4px;
	text-align:			center;
}

div#ctl00_cphMainContent_divProductPortfolio table
{
}

div#ctl00_cphMainContent_divProductPortfolio table td
{
}

div#ctl00_cphMainContent_divProductPortfolio input
{
	background:			#fff;
	clear:				both;
	display:			block;
	border:				1px solid #aaa;
	width:              190px;
}

.btnFilter
{
	background:			#aaa;
	display:			block;
	float:				left;
	font-weight:		bold;
	margin: 			10px 0 0 10px;
}


/******************************************************** 
EventSpecial
********************************************************/

.filters
{
	width:100%;
	padding:10px;
	background-color:	#DDDDDD;
	border: 2px solid #AAA;
	display:table;
}


.filter
{	
	width: 150px;
	display:table-cell;
	text-align:left;
	vertical-align:top;
	padding-left:15px;
	padding-right:10px;
	background-color:	#DDDDDD;
	border-right: 2px solid #AAA;
}

.titleResult
{
    border: 2px solid #AAA;
    padding:10px;
	margin-bottom: 10px;
	width:50%;
	color:#333;
}

.selectButton:hover
{
    background:#9DCB3C;    
    color:#FFFFFF;
}


.textInput
{
    width:140px; 
    font-size:11px;
    border: 1px solid #9DCB3C;
    margin-bottom:10px;      
}

.imgCalendar
{
    vertical-align:middle;
}



/***************************************************************
Calendar
***************************************************************/

.extCalendar div
{
    background-color:#9DCB3C;  
    border:none;
}


.extCalendar div div div 
{
    color:white; 
}

.extCalendar table 
{
    padding:0px;
    background-color:#FFF;
    width:100%;
    height:100%;
    margin:0px;    
}

.extCalendar table td
{
    padding:0px;  
}


.extCalendar table td div
{
    padding:0px;
    color:#535F6E;
    text-align:center;
    background-color:#FFF;
    font-size:10px;    
}

/**********************************************************/

.textInput.date
{
    margin-top:5px;
    width:70px;
    text-align:center; 
}

.filterTitle
{
    margin-bottom: 10px;   
    font-size:16px;
    font-weight:bold;
    color:#333333; 
    display:block;
    position:static;
}

.filterSubTitle
{
    margin-bottom: 5px;   
    font-size:14px;
    font-weight:bold;
    color:#333333; 
    display:block;
    position:static;
}

.filterEnd
{
	display:table-cell;
	text-align:left;
	vertical-align:top;
	background-color:	#DDDDDD;
	padding-left:20px;  
    width: auto;
}


.filterResult
{
	border-bottom:		2px solid #9DCB3C;
	border-left:		2px solid #9DCB3C;
	padding:10px 10px 10px 20px;
	width:auto; 
}



.filterLabel
{
    font-size:12px;
    margin:0px;
    padding:0px;        
}

.filterCheck
{
    text-align: right;
    font-size:12px;
    vertical-align:middle;
}

.filterButton
{
    background: #9DCB3C;
    color : white;
    display: block;
    float: left;
    font-weight: bold;
    padding: 5px 15px;
    margin-left:10px;
}

.filterGridNumber{
	 background-color:#364256;
	 color:#FFF;
	 font-weight:bold;
	 border-bottom:1px solid #FFF;
}



/******************************************************** 
Transaction Detail
********************************************************/

.transactionInfo
{
    width: 760px;
	float:left;
	text-align:left;
	height: auto;	
	border-radius:5px;
	border: 1px solid #333;
	padding:20px;
	margin:10px;
}

.transactionData
{
    width: 350px;
	float:left;
	text-align:left;
	height: auto;	
	border-radius:5px;
	background-color:#DDDDDD; 
	padding:10px;
	margin:10px;
	margin-left:0px;
}

.transactionField
{
    margin-bottom:5px;
}

.transactionField.paid
{
    margin-bottom:5px;
    position:absolute;
    top: 230px;
    left:560px;
    font-size:16px;    
    font-weight:bold;
    border: 1px solid;
    border-color:#992233;
    color:#992233;
    padding:20px;
    border-radius:5px;
}

.transactionField.paid.already
{
    color:#339922;
    border-color:#339922;    
}

.transactionField.date
{
    display:none;
}

.transactionField.date.already
{
    display:block;
}

.textInputComent
{
    width:500px; 
    height:auto;
    font-size:11px;
    border: 1px solid #9DCB3C;
    margin-bottom:10px;      
}


/******************************************************** 
Render status
********************************************************/

.buttonStartService
{
	background: #9DCB3C;
    color:		#fff;
    font-weight: bold;
    padding: 5px 15px 5px 15px;
	display:			block;
	float:				left;
	margin: 			10px 10px 0 0px;
    vertical-align:     middle;
}

.buttonDownloadLog
{
	background: #9DCB3C;
    color:		#fff;
    font-weight: bold;
    padding: 5px 15px 5px 15px;
	display:			block;
	float:				left;
	margin: 			10px 10px 0 0px;
    vertical-align:     middle;
}

.buttonCleanLog
{
	background: #9DCB3C;
    color:		#fff;
    font-weight: bold;
    padding: 5px 15px 5px 15px;
	display:			block;
	float:				left;
	margin: 			10px 10px 0 0px;
    vertical-align:     middle;
}

.labelService
{
    clear:              both; 
	display:			block;
	padding:            10px 10px 0 10px;
	float:				left;
	width:              170px;
}

.labelStatus
{
	display:			block;
	padding:            10px 10px 0 10px;
	float:				left;
	width:              60px;
}

.labelFileSize
{
	display:			block;
	padding:            10px 10px 0 10px;
	float:				left;
	width:              30px;
}

.labelMessageAlert
{
	display:			block;
	padding:            10px 10px 0 10px;
	float:				left;
	color:              Red;
}


/******************************************************** 
new Menu 2012
********************************************************/

.cssmenu ul 
{
    margin: 10px;
    margin-top:15px; 
    padding: 9px 6px 0px; 
    background: #7d7d7d url(../images/overlay.png) repeat-x 0 -110px; 
    float:right;
    height:35px;
    font: normal .8em/1em Arial, Helvetica, sans-serif; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4); 
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}

.cssmenu ul ul
{
    height:auto
}

.cssmenu li 
{
    margin: 0 5px; 
    padding: 0 0 8px; 
    float: left; 
    position: relative; 
    list-style: none; 
}

.cssmenu a 
{
    font-weight: bold; 
    color: #e7e5e5; 
    text-decoration: none; 
    display: block; 
    padding:  8px 10px; 
    margin: 0; 
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;	 
    text-shadow: 0 1px 1px rgba(0,0,0, .3); 
}

.cssmenu a:hover 
{
    background: #000; 
    color: #fff;
}

.cssmenu .active a, .cssmenu li:hover > a 
{
    background: #666 url(../images/overlay.png) repeat-x 0 -40px; 
    color: #444; 
    border-top: solid 1px #f8f8f8; 
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2); 
    -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); 
    box-shadow: 0 1px 1px rgba(0,0,0, .2); 
    text-shadow: 0 1px 0 rgba(255,255,255, 1); 
}

.cssmenu ul ul li:hover a,.cssmenu li:hover li a 
{
    background: none; 
    border: none; 
    color: #666; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none;
}

.cssmenu ul ul a:hover 
{
    background: #8f8f8f url(../images/overlay.png) repeat-x 0 -100px !important; 
    color: #fff !important; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

.cssmenu li:hover > ul 
{
    display: block;
}

.cssmenu ul ul 
{
    display: none; 
    margin: 0; 
    padding: 0; 
    width: 185px; 
    position: absolute; 
    top: 29px;
    left: 0; 
    background: #ddd url(../images/overlay.png) repeat-x 0 0; 
    border: solid 1px #b4b4b4; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
    box-shadow: 0 1px 3px rgba(0,0,0, .3);
}

.cssmenu ul ul li 
{
    float: none; 
    margin: 0; 
    padding: 3px; 
}

.cssmenu ul ul a 
{
    font-weight: normal; 
    text-shadow: 0 1px 0 #fff; 
}

.cssmenu ul:after 
{
    content: '.'; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0; 
    height: 0;
}
    
* html .cssmenu  ul 
{
    height: 1%;
}

.logo_image 
{
    width:auto;
    height:auto;
    max-width:100px;
    max-height:100px;
}

.header_image 
{
    width:auto;
    height:auto;
    max-width:350px;
    max-height:90px;
}

.about_image 
{
    width:auto;
    height:auto;
    max-width:400px;
    max-height:500px;
}