/* lslater tests SITE_ROOT='{$SITE_ROOT}
__Browser={$__Browser} Browser={$Browser}  is_ie={$is_ie} __is_ie={$__is_ie}
 */

{declare_style family='Background Color' style=backgroundTest1 name='Test Background No Site root' rev=1 order=216 desc='To add a test background'}
div.backgroundTest1_container_box [
	{background_gradient color='lightblue'};
	padding: 30px;
	box-shadow: 0px 0px 10px {$SHADOW_COLOR};
	border-radius: 10px;
]
.backgroundTest1_moduletitle [

]
.backgroundTest1_modulebody [
    border: 4px dashed orange; 
    background: url("files/imagegallerymodule/43a33b22b4e6a@random/gallery64/back4.jpg") top center;
]

    div.backgroundTest1_container_box [
    	margin-bottom: 15px;
    ]



{declare_style family='Background Color' style=backgroundTest2 name='Test Background With Site root' rev=1 order=217 desc='To add a test background'}
div.backgroundTest2_container_box [
	{background_gradient color='lightpink'};
	padding: 30px;
	box-shadow: 0px 0px 10px {$SHADOW_COLOR};
	border-radius: 10px;
]
.backgroundTest2_moduletitle [

]
.backgroundTest2_modulebody [
    border: 4px dashed orange; 
    background: url("{$SITE_ROOT}/files/imagegallerymodule/43a33b22b4e6a@random/gallery64/back4.jpg") top center;
]

    div.backgroundTest2_container_box [
    	margin-bottom: 15px;
    ]






{declare_style family='Background Color' style=backgroundTest3 name='Test Background With /files' rev=1 order=218 desc='To add a test background'}
div.backgroundTest3_container_box [
	{background_gradient color='lightgreen'};
	padding: 30px;
	box-shadow: 0px 0px 10px {$SHADOW_COLOR};
	border-radius: 10px;
]
.backgroundTest3_moduletitle [

]
.backgroundTest3_modulebody [
    border: 4px dashed orange; 
    background: url("/files/imagegallerymodule/43a33b22b4e6a@random/gallery64/back4.jpg") top center;
]

    div.backgroundTest3_container_box [
    	margin-bottom: 15px;
    ]



/* Show some effects */
body [
        /* Set a background color in the editor */	
	{if $editor}
		background-color: pink ; 
	{/if}
       /* Set a awkward and obvious border on the entire page, when in Opera */
        {if $__Browser=='Opera'}
		background-color: orange ; 
		color: red; ;
		border: 20px solid blue !important; 
	{/if}
]



a.article_expandable_panel-title-link [
    color: red !important;
    font-size: 24px;
    font-weight: bold
]

div.article_image_col_right [ border: 3px solid red; ]
div.article_image_col_left [ border: 3px solid  green; ]
div.article_image [ border: 3px solid  black; ]