/*
	Company:	SIFFM
	Author:		Thomas Smith
	Comment:	Standard Style Sheet for UI
	
	----------
	Change History:
	
*/

/*** Define body classes ***/
body { margin: 0 0 0 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; margin-height: 0px; margin-width: 0px; }
/*** End body ***/

/*** Define font classes ***/
font.error { color: #ffffff; }
font.info { color: #ffffff; }
font.problem { color: #ff0000; }
/*** End font ***/

/*** Define input classes ***/
input.large { height: 20px; width: 350px; }
input.large_small { height: 20px; width: 250px; }
input.medium_large { height: 20px; width: 175px; }
input.medium { height: 20px; width: 100px; }
input.small_medium { height: 20px; width: 50px; }
input.small { height: 20px; width: 30px; }
input.calendar { background-color: #fcfcfc; height: 20px; width: 100px; border: 1px solid #eeeeee; text-align: center; }
input.ro_small { background-color: #fcfcfc; height: 20px; width: 50px; border: 1px solid #eeeeee; }
input.ro_medium { background-color: #fcfcfc; height: 20px; width: 100px; border: 1px solid #eeeeee; }
input.ro_medium_large { background-color: #fcfcfc; height: 20px; width: 175px; border: 1px solid #eeeeee; }
input.ro_large { background-color: #fcfcfc; height: 20px; width: 350px; border: 1px solid #eeeeee; }
input.button { height: 20px; width: 136px; text-align:center; vertical-align:middle; padding-bottom: 2px;}
input.radios { height: 15px; vertical-align:middle; }
/*** End input ***/

/*** Define select classes ***/
select.small { width: 50px; }
select.small_medium { width: 90px; }
select.medium { width: 120px; }
select.medium_large { width: 150px; }
select.large { width: 175px; }
select.large_medium { width: 200px; }
select.extra_large { width: 350px; }
select.multiple_large { width: 130px; height: 58px; }
select.multiple_xlarge { width: 200px; height: 58px; }
/*** End select ***/

/*** Define tr classes ***/
/*** End tr ***/

/*** Define td classes ***/
td.error_top { background-color:#C80815; padding: 3px; border: 1px solid #BBBBBB; }
td.error_left { background-color:#ece9d8; padding: 5px; border-left: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; }
td.error_right { background-color:#ece9d8; padding: 5px; border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; }
td.info_top { background-color:#3b3bc4; padding: 2px; border: 1px solid #BBBBBB; }
td.info_left { background-color:#ece9d8; padding: 5px; border-left: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; }
td.info_right { background-color:#ece9d8; padding: 5px; border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; }
/*** End td ***/

/*** Define list classes ***/
ul.error { margin-top: 3px; margin-bottom: 5px; margin-left: 10px; }
/*** End list ***/

/*** Define textarea classes ***/
textarea.query { height: 100px; width: 610px; }
textarea.large { height: 100px; width: 350px; }
textarea.extra_large { height: 100px; width: 450px; }
/*** End textarea ***/

/*** Define div classes ***/
div.screenshot { background-repeat: no-repeat; height: 577px; width: 712px; border-top: 1px solid #fcdbc4; border-left: 1px solid #fcdbc4; border-right: 1px solid #fdb179; border-bottom: 1px solid #fdb179; }
div.highlighter { z-index:2; background-color: #efefef; opacity: .5; filter: alpha(opacity=50); -moz-opacity: .5; border: 1px dotted #000000; }
div.dhelp { position:absolute; background-color: #cccccc; opacity: .5; filter: alpha(opacity=50); -moz-opacity: .5; border: 1px solid #000000; visibility: hidden; }
div.blank { border: 0px solid #FF0000; }
div.vguide { border-left: 1px solid #fdb179; opacity: .75; filter: alpha(opacity=75); -moz-opacity: .75; }
div.hguide { border-top: 1px solid #fdb179; opacity: .75; filter: alpha(opacity=75); -moz-opacity: .75;  }
div.dmark { background-image:url(/help/images/marker.gif); background-repeat: no-repeat; position:absolute; left:10px; top:100px; width:10px; height:10px; visibility: hidden; }
/*** End div ***/