/*
body {
	color: #444 !important;
	background: #CCC;
	font-family: "Helvetica", Arial, Geneva, sans-serif;
}
*/

html {direction: ltr !important;}
body{direction: ltr !important;}

.fixed_width {
	width: 967px;
	margin: 0 auto;
}

.main_body {
	background-color: lightgray;	
}

/* HEADER STYLES */

h3  {
	color: #666;
	font-weight: bold;
	font-size: 1.4em;
}

h4 {
	color: #333;
	font-weight: bold;
	font-size: 1.3em;
}

h5 {
	color: #227AB4;
	font-weight: bold;
	font-size: 1.2em;
}

h6 {
	color: #227AB4;
	font-weight: bold;
	font-size: 1.2em;
}

/* TEXT STYLES */

.Table_Title {
	color: #227AB4;
	font-weight: bold;
	font-size: 1.2em;
}

.Default_Text{
	
}

.Caption_Text{
	font-size:.8em;
	font-style:italic;
}

.Sample{
	background-color: #EEE8AA;
	color: black;
	margin: 1em 2em;
	padding:.25em .5em;
	border: thin black dashed;
}

/* Module text */

.contentdescription p{
	margin: 1em 0 !important;
}

/* ACCENTS */

.Arrow {
	background: url(../../templates/js_simplicity/images/list-arrow.png) no-repeat 0 2px;
	padding-left: 14px;
}


/* LISTS */

ol, ul {
	list-style: none;
	margin-left:40px;
	margin-bottom: 5px;	
}

/* Unordered Lists */

li ul {
	margin-left:20px;
	margin-bottom: 0px;
}

ul li {
	list-style-type: disc;
}

ul li li {
	list-style-type: circle;
}

/* Ordered Lists */

ol {
	list-style-type: decimal;
}

ol ol {
	list-style-type: lower-alpha;
}

/* Module lists */

ul.qcategorieslight li, ul.qcategoriesmid li, ul.qcategoriesdark li,
ul.qcategorieslightS li, ul.qcategoriesmidS li, ul.qcategoriesdarkS li {
	list-style-type: none;
	margin: .5em 0px;
}

/* Check list */

ul.CheckList{
	list-style: none;
}

ul.CheckList li {
	list-style: none;
	line-height: 16px;
	padding: 2px 0px 2px 18px;
	list-style-position: outside;
	list-style-image:url(../../templates/js_simplicity/images/tick.png);
	padding: 1px;
}

/* NUMBER GRAPHICS */

p.p1,p.p2,p.p3,p.p4,p.p5,p.p6,p.p7,p.p8,p.p9,p.p10 {
	padding-left: 52px;
    background-repeat:no-repeat;
    background-position:  0 0;
    min-height: 52px;
    height:auto !important;
    height:52px;
}


p.p1 {background-image: url(../../templates/js_simplicity/images/style2/2_1.png);}

p.p2 {background-image: url(../../templates/js_simplicity/images/style2/2_2.png);}

p.p3 {background-image: url(../../templates/js_simplicity/images/style2/2_3.png);}

p.p4 {background-image: url(../../templates/js_simplicity/images/style2/2_4.png);}

p.p5 {background-image: url(../../templates/js_simplicity/images/style2/2_5.png);}

p.p6 {background-image: url(../../templates/js_simplicity/images/style2/2_6.png);}

p.p7 {background-image: url(../../templates/js_simplicity/images/style2/2_7.png);}

p.p8 {background-image: url(../../templates/js_simplicity/images/style2/2_8.png);}

p.p9 {background-image: url(../../templates/js_simplicity/images/style2/2_9.png);}

p.p10 {background-image: url(../../templates/js_simplicity/images/style2/2_10.png);}

/* NOTIFICATIONS */

.Info {
    background: #F8FAFC url(../../templates/js_simplicity/images/info.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #B5D4FE;
    border-bottom: 2px solid #B5D4FE;
    overflow:hidden;
}



.Warn {
    background: #FFF7C0 url(../../templates/js_simplicity/images/warn.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #F7D229;
    border-bottom: 2px solid #F7D229;
    overflow:hidden;
}



.Alert {
    background: #FBEEF1 url(../../templates/js_simplicity/images/exc.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #FEABB9;
    border-bottom: 2px solid #FEABB9;
    overflow:hidden;
}


/*TWO-COLUMN*/

div.Left_Column, div.Right_Column {
	width:47.5%;
}

div.Left_Column{
	float:left;
}

div.Right_Column{
	float:right;
}

/* TABLE STYLES */

/* Style a table with blue headers */


.contentpaneopen table th {
	background-color: #227AB4;
	color:white;
	padding:.25em;
	text-align:center;	
}

.contentpaneopen table td{
	padding: .2em 0px;
}

table.blue {
	background-color:white;
}


table.blue h3, table.blue th {
	background-color: #227AB4;
	color: white;
	padding: 0.25em;
	font-size: 1.2em;
	margin: .5em 0em;

}

table.blue th p{
	font-size: 1.2em;
	margin: .5em 0em;
	padding: 0.25em;
}


table.blue td {
	padding:.25em inherit;

}


/* Center table of 400 width */

table.centered{
	width: 400px;
	margin: 1.5em auto;
}


/* table w/ general styling */

table.general {
	background-color:#F5F5F5;
	border: solid #D9D9D9 medium;
}

table.general th {
	vertical-align:middle;
}

/* IMAGES */

p,h3 img {
	margin: 1em;
}

h3 img{
	margin-left: 0px;
}

img.sect_cat{
	margin-top:0px;
	margin-right:0px;
}

.contentdescription img{
	margin: 1em;
}



/* Overrule style rules */


.componentheading{
	position:absolute;
	top:-40px;
	text-align:right;
	right:0px;
	margin-right:25px !important;
}


/* Log-in window customization */

form#com-form-login .contentpane {
	float:left;
	width: 60% !important;
	
}

form#com-form-login .input {
	
	width:30%;
	
	border:solid;
	padding-bottom:10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color:#F5F5F5;
	color:black;
	border-color:gray;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

form#com-form-login fieldset.input p#com-form-login-username label,
form#com-form-login fieldset.input p#com-form-login-password label{
	float:left;
}

form#com-form-login fieldset.input p#com-form-login-username input#username,
form#com-form-login fieldset.input p#com-form-login-password input#passwd{
	float:right;
	position:relative;
	top:-1.5em;	
}

form#com-form-login fieldset.input p {
	clear:both;
}

form#com-form-login ul {
	/*margin-left:55%;*/
	margin-top:1.5em;
	width:40%;
	position:relative;
	top:-6em;
}

/* footer color for links */

#footer a, #footer #mainlevel li a {
	color:gray !important;
}

/* camel content */

#camel_content table{
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

#camel_content th {
	background-color: #227AB4;
	color:white;
	padding:.25em;
	text-align:center;	
}

#camel_content td, #camel_content th {
	padding-left:.5em;
	padding-right:.5em;
}

#camel_content tr {
	border-bottom: thin dashed gray;
}

#camel_content .mod_selected {
	float:right;
}

#camel_content .list-footer {
	clear:both;
	text-align:center;
}

#camel_content .search {
	float:right;
}

#camel_content table {
	clear:both;
	margin-top: 1em;
}

/* counter module */
.modulecounter a{
	overflow:hidden;
	width:0px;
	height: 0px;
	position:absolute;
	top:-1000px;
	left:-1000px;
}

/*Christmas */

.greenbox {
	/*padding: 5px;*/
	/*background-color:#66CC66;*/
	color:black;
	border-top-color:#006600;
	border-top-width:thick !important;
	border-bottom-color:#006600;
	border-bottom-width:thick !important;
	/*height:125px;*/
	
	background:#66CC66 url(http://www.stpaulec.org/media/images/gfx/boxes/green_upleft.png) no-repeat scroll left top;
}

.greenbox div{
	background:transparent url(http://www.stpaulec.org/media/images/gfx/boxes/green_upright.png) no-repeat scroll right top;
}

.greenbox div div{
	background:transparent url(http://www.stpaulec.org/media/images/gfx/boxes/green_btmleft.png) no-repeat scroll left bottom;
	/*height:125px;*/
}

.greenbox div div div {
	background:transparent url(http://www.stpaulec.org/media/images/gfx/boxes/green_btmrgt.png) no-repeat scroll right bottom;
	/*height:125px;*/
}

.greenbox p {
	padding:25px;
	margin-left: 100px;
	font-size:medium;
	
}

.greenbox img {
	padding:5px;
	float:left;
}

/* mass times */


#weekly_schedule {
	margin-top:1em;
}

table#weekly_schedule {
	/*border-collapse:separate;*/
	/*border-spacing: 5px;*/
	border-color:#F0F8FF;
	width:550px;
}

#weekly_schedule .type {
	width:23%;
	vertical-align:middle;
	border-top: thick solid white;
	border-right: thick solid white;
}

#weekly_schedule .day {
	width:35px;
	vertical-align:middle;
	/*
	border-width:thin;
	border-style:solid;
	border-color:#F0F8FF;
	*/
	
	border-top: thick solid white;
	width:11%;
}

#weekly_schedule td.day {
	text-align:center;
	background-color:#ADD8E6;
	border-left: thin solid #F0F8FF;
}

#weekly_schedule th.filler {
	background-color:white;
}

#system-message {
	width:100%;
}

#system-message dd ul {
	margin-left: 0px;
}

#system-message dd ul li {
	list-style-type:none;
}